/** * Twenty Fifteen functions and definitions * * Set up the theme and provides some helper functions, which are used in the * theme as custom template tags. Others are attached to action and filter * hooks in WordPress to change core functionality. * * When using a child theme you can override certain functions (those wrapped * in a function_exists() call) by defining them first in your child theme's * functions.php file. The child theme's functions.php file is included before * the parent theme's file, so the child theme functions would be used. * * @link https://codex.wordpress.org/Theme_Development * @link https://codex.wordpress.org/Child_Themes * * Functions that are not pluggable (not wrapped in function_exists()) are * instead attached to a filter or action hook. * * For more information on hooks, actions, and filters, * {@link https://codex.wordpress.org/Plugin_API} * * @package WordPress * @subpackage Twenty_Fifteen * @since Twenty Fifteen 1.0 */ /** * Set the content width based on the theme's design and stylesheet. * * @since Twenty Fifteen 1.0 */ if ( ! isset( $content_width ) ) { $content_width = 660; } /** * Twenty Fifteen only works in WordPress 4.1 or later. */ if ( version_compare( $GLOBALS['wp_version'], '4.1-alpha', '<' ) ) { require get_template_directory() . '/inc/back-compat.php'; } if ( ! function_exists( 'clean_setup' ) ) : /** * Sets up theme defaults and registers support for various WordPress features. * * Note that this function is hooked into the after_setup_theme hook, which * runs before the init hook. The init hook is too late for some features, such * as indicating support for post thumbnails. * * @since Twenty Fifteen 1.0 */ function clean_setup() { /* * Make theme available for translation. * Translations can be filed in the /languages/ directory. * If you're building a theme based on clean, use a find and replace * to change 'clean' to the name of your theme in all the template files */ load_theme_textdomain( 'clean', get_template_directory() . '/languages' ); // Add default posts and comments RSS feed links to head. add_theme_support( 'automatic-feed-links' ); /* * Let WordPress manage the document title. * By adding theme support, we declare that this theme does not use a * hard-coded tag in the document head, and expect WordPress to * provide it for us. */ add_theme_support( 'title-tag' ); /* * Enable support for Post Thumbnails on posts and pages. * * See: https://codex.wordpress.org/Function_Reference/add_theme_support#Post_Thumbnails */ add_theme_support( 'post-thumbnails' ); set_post_thumbnail_size( 825, 510, true ); // This theme uses wp_nav_menu() in two locations. register_nav_menus( array( 'primary' => __( 'Primary Menu', 'clean' ), 'social' => __( 'Social Links Menu', 'clean' ), ) ); /* * Switch default core markup for search form, comment form, and comments * to output valid HTML5. */ add_theme_support( 'html5', array( 'search-form', 'comment-form', 'comment-list', 'gallery', 'caption' ) ); /* * Enable support for Post Formats. * * See: https://codex.wordpress.org/Post_Formats */ // add_theme_support( 'post-formats', array( // 'aside', 'image', 'video', 'quote', 'link', 'gallery', 'status', 'audio', 'chat' // ) ); $color_scheme = clean_get_color_scheme(); $default_color = trim( $color_scheme[0], '#' ); // Setup the WordPress core custom background feature. add_theme_support( 'custom-background', apply_filters( 'clean_custom_background_args', array( 'default-color' => $default_color, 'default-attachment' => 'fixed', ) ) ); /* * This theme styles the visual editor to resemble the theme style, * specifically font, colors, icons, and column width. */ add_editor_style( array( 'css/editor-style.css', 'genericons/genericons.css', clean_fonts_url() ) ); } endif; // clean_setup add_action( 'after_setup_theme', 'clean_setup' ); /** * Register widget area. * * @since Twenty Fifteen 1.0 * * @link https://codex.wordpress.org/Function_Reference/register_sidebar */ function clean_widgets_init() { register_sidebar( array( 'name' => __( 'Widget Area', 'clean' ), 'id' => 'sidebar-1', 'description' => __( 'Add widgets here to appear in your sidebar.', 'clean' ), 'before_widget' => '<aside id="%1$s" class="widget %2$s">', 'after_widget' => '</aside>', 'before_title' => '<h2 class="widget-title">', 'after_title' => '</h2>', ) ); } add_action( 'widgets_init', 'clean_widgets_init' ); if ( ! function_exists( 'clean_fonts_url' ) ) : /** * Register Google fonts for Twenty Fifteen. * * @since Twenty Fifteen 1.0 * * @return string Google fonts URL for the theme. */ function clean_fonts_url() { $fonts_url = ''; $fonts = array(); $subsets = 'latin,latin-ext'; /* * Translators: If there are characters in your language that are not supported * by Noto Sans, translate this to 'off'. Do not translate into your own language. */ if ( 'off' !== _x( 'on', 'Noto Sans font: on or off', 'clean' ) ) { $fonts[] = 'Noto Sans:400italic,700italic,400,700'; } /* * Translators: If there are characters in your language that are not supported * by Noto Serif, translate this to 'off'. Do not translate into your own language. */ if ( 'off' !== _x( 'on', 'Noto Serif font: on or off', 'clean' ) ) { $fonts[] = 'Noto Serif:400italic,700italic,400,700'; } /* * Translators: If there are characters in your language that are not supported * by Inconsolata, translate this to 'off'. Do not translate into your own language. */ if ( 'off' !== _x( 'on', 'Inconsolata font: on or off', 'clean' ) ) { $fonts[] = 'Inconsolata:400,700'; } /* * Translators: To add an additional character subset specific to your language, * translate this to 'greek', 'cyrillic', 'devanagari' or 'vietnamese'. Do not translate into your own language. */ $subset = _x( 'no-subset', 'Add new subset (greek, cyrillic, devanagari, vietnamese)', 'clean' ); if ( 'cyrillic' == $subset ) { $subsets .= ',cyrillic,cyrillic-ext'; } elseif ( 'greek' == $subset ) { $subsets .= ',greek,greek-ext'; } elseif ( 'devanagari' == $subset ) { $subsets .= ',devanagari'; } elseif ( 'vietnamese' == $subset ) { $subsets .= ',vietnamese'; } if ( $fonts ) { $fonts_url = add_query_arg( array( 'family' => urlencode( implode( '|', $fonts ) ), 'subset' => urlencode( $subsets ), ), '//fonts.googleapis.com/css' ); } return $fonts_url; } endif; /** * JavaScript Detection. * * Adds a `js` class to the root `<html>` element when JavaScript is detected. * * @since Twenty Fifteen 1.1 */ function clean_javascript_detection() { echo "<script>(function(html){html.className = html.className.replace(/\bno-js\b/,'js')})(document.documentElement);</script>\n"; } add_action( 'wp_head', 'clean_javascript_detection', 0 ); /** * Enqueue scripts and styles. * * @since Twenty Fifteen 1.0 */ function clean_scripts() { // Add custom fonts, used in the main stylesheet. wp_enqueue_style( 'clean-fonts', clean_fonts_url(), array(), null ); // Add Genericons, used in the main stylesheet. //wp_enqueue_style( 'genericons', get_template_directory_uri() . '/genericons/genericons.css', array(), '3.2' ); // Load our main stylesheet. wp_enqueue_style( 'clean-style', get_stylesheet_uri() ); // Load the Internet Explorer specific stylesheet. wp_enqueue_style( 'clean-ie', get_template_directory_uri() . '/css/ie.css', array( 'clean-style' ), '20141010' ); wp_style_add_data( 'clean-ie', 'conditional', 'lt IE 9' ); // Load the Internet Explorer 7 specific stylesheet. wp_enqueue_style( 'clean-ie7', get_template_directory_uri() . '/css/ie7.css', array( 'clean-style' ), '20141010' ); wp_style_add_data( 'clean-ie7', 'conditional', 'lt IE 8' ); //wp_enqueue_script( 'clean-skip-link-focus-fix', get_template_directory_uri() . '/js/skip-link-focus-fix.js', array(), '20141010', true ); if ( is_singular() && comments_open() && get_option( 'thread_comments' ) ) { wp_enqueue_script( 'comment-reply' ); } if ( is_singular() && wp_attachment_is_image() ) { wp_enqueue_script( 'clean-keyboard-image-navigation', get_template_directory_uri() . '/js/keyboard-image-navigation.js', array( 'jquery' ), '20141010' ); } //wp_enqueue_script( 'clean-script', get_template_directory_uri() . '/js/functions.js', array( 'jquery' ), '20150330', true ); //wp_localize_script( 'clean-script', 'screenReaderText', array( // 'expand' => '<span class="screen-reader-text">' . __( 'expand child menu', 'clean' ) . '</span>', // 'collapse' => '<span class="screen-reader-text">' . __( 'collapse child menu', 'clean' ) . '</span>', //) ); } add_action( 'wp_enqueue_scripts', 'clean_scripts' ); /** * Add featured image as background image to post navigation elements. * * @since Twenty Fifteen 1.0 * * @see wp_add_inline_style() */ function clean_post_nav_background() { if ( ! is_single() ) { return; } $previous = ( is_attachment() ) ? get_post( get_post()->post_parent ) : get_adjacent_post( false, '', true ); $next = get_adjacent_post( false, '', false ); $css = ''; if ( is_attachment() && 'attachment' == $previous->post_type ) { return; } if ( $previous && has_post_thumbnail( $previous->ID ) ) { $prevthumb = wp_get_attachment_image_src( get_post_thumbnail_id( $previous->ID ), 'post-thumbnail' ); $css .= ' .post-navigation .nav-previous { background-image: url(' . esc_url( $prevthumb[0] ) . '); } .post-navigation .nav-previous .post-title, .post-navigation .nav-previous a:hover .post-title, .post-navigation .nav-previous .meta-nav { color: #fff; } .post-navigation .nav-previous a:before { background-color: rgba(0, 0, 0, 0.4); } '; } if ( $next && has_post_thumbnail( $next->ID ) ) { $nextthumb = wp_get_attachment_image_src( get_post_thumbnail_id( $next->ID ), 'post-thumbnail' ); $css .= ' .post-navigation .nav-next { background-image: url(' . esc_url( $nextthumb[0] ) . '); border-top: 0; } .post-navigation .nav-next .post-title, .post-navigation .nav-next a:hover .post-title, .post-navigation .nav-next .meta-nav { color: #fff; } .post-navigation .nav-next a:before { background-color: rgba(0, 0, 0, 0.4); } '; } wp_add_inline_style( 'clean-style', $css ); } add_action( 'wp_enqueue_scripts', 'clean_post_nav_background' ); /** * Display descriptions in main navigation. * * @since Twenty Fifteen 1.0 * * @param string $item_output The menu item output. * @param WP_Post $item Menu item object. * @param int $depth Depth of the menu. * @param array $args wp_nav_menu() arguments. * @return string Menu item with possible description. */ function clean_nav_description( $item_output, $item, $depth, $args ) { if ( 'primary' == $args->theme_location && $item->description ) { $item_output = str_replace( $args->link_after . '</a>', '<div class="menu-item-description">' . $item->description . '</div>' . $args->link_after . '</a>', $item_output ); } return $item_output; } add_filter( 'walker_nav_menu_start_el', 'clean_nav_description', 10, 4 ); /** * Add a `screen-reader-text` class to the search form's submit button. * * @since Twenty Fifteen 1.0 * * @param string $html Search form HTML. * @return string Modified search form HTML. */ function clean_search_form_modify( $html ) { return str_replace( 'class="search-submit"', 'class="search-submit screen-reader-text"', $html ); } add_filter( 'get_search_form', 'clean_search_form_modify' ); /** * Implement the Custom Header feature. * * @since Twenty Fifteen 1.0 */ require get_template_directory() . '/inc/custom-header.php'; /** * Custom template tags for this theme. * * @since Twenty Fifteen 1.0 */ require get_template_directory() . '/inc/template-tags.php'; /** * Customizer additions. * * @since Twenty Fifteen 1.0 */ require get_template_directory() . '/inc/customizer.php'; /*Soundcloud*/ // Add SoundCloud oEmbed function add_oembed_soundcloud(){ wp_oembed_add_provider( 'http://soundcloud.com/*', 'http://soundcloud.com/oembed' ); } add_action('init','add_oembed_soundcloud'); @ini_set('upload_max_size', '64M'); @ini_set('post_max_size', '64M'); @ini_set('upload_max_size', '64M'); if (!is_admin()) { wp_deregister_script('jquery'); // De-Register jQuery wp_register_script('jquery', '', '', '', true); // Register as 'empty', because we manually insert our script in header.php }<!DOCTYPE html> <html lang="en-US" class="no-js"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width"> <link rel="profile" href="http://gmpg.org/xfn/11"> <link rel="pingback" href="http://www.spunkrecords.com/xmlrpc.php"> <!--[if lt IE 9]> <script src="http://www.spunkrecords.com/wp-content/themes/clean/js/html5.js"></script> <![endif]--> <link rel='dns-prefetch' href='//s.w.org' /> <script type="text/javascript"> window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/svg\/","svgExt":".svg","source":{"concatemoji":"http:\/\/www.spunkrecords.com\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.9.22"}}; !function(e,a,t){var n,r,o,i=a.createElement("canvas"),p=i.getContext&&i.getContext("2d");function s(e,t){var a=String.fromCharCode;p.clearRect(0,0,i.width,i.height),p.fillText(a.apply(this,e),0,0);e=i.toDataURL();return p.clearRect(0,0,i.width,i.height),p.fillText(a.apply(this,t),0,0),e===i.toDataURL()}function c(e){var t=a.createElement("script");t.src=e,t.defer=t.type="text/javascript",a.getElementsByTagName("head")[0].appendChild(t)}for(o=Array("flag","emoji"),t.supports={everything:!0,everythingExceptFlag:!0},r=0;r<o.length;r++)t.supports[o[r]]=function(e){if(!p||!p.fillText)return!1;switch(p.textBaseline="top",p.font="600 32px Arial",e){case"flag":return s([55356,56826,55356,56819],[55356,56826,8203,55356,56819])?!1:!s([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]);case"emoji":return!s([55358,56760,9792,65039],[55358,56760,8203,9792,65039])}return!1}(o[r]),t.supports.everything=t.supports.everything&&t.supports[o[r]],"flag"!==o[r]&&(t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&t.supports[o[r]]);t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&!t.supports.flag,t.DOMReady=!1,t.readyCallback=function(){t.DOMReady=!0},t.supports.everything||(n=function(){t.readyCallback()},a.addEventListener?(a.addEventListener("DOMContentLoaded",n,!1),e.addEventListener("load",n,!1)):(e.attachEvent("onload",n),a.attachEvent("onreadystatechange",function(){"complete"===a.readyState&&t.readyCallback()})),(n=t.source||{}).concatemoji?c(n.concatemoji):n.wpemoji&&n.twemoji&&(c(n.twemoji),c(n.wpemoji)))}(window,document,window._wpemojiSettings); </script> <style type="text/css"> img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 .07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } </style> <link rel='stylesheet' id='sb_instagram_styles-css' href='http://www.spunkrecords.com/wp-content/plugins/instagram-feed/css/sb-instagram-2-2.min.css?ver=2.4.6' type='text/css' media='all' /> <link rel='stylesheet' id='abts_ab_tweet_scroller-css' href='http://www.spunkrecords.com/wp-content/plugins/ab-tweet-scroller/css/ab-tweet-scroller.css?ver=1.0.0' type='text/css' media='all' /> <link rel='stylesheet' id='ABp_portfolio_shortcode-css' href='http://www.spunkrecords.com/wp-content/plugins/abdev-portfolio/css/portfolio_shortcode.css?ver=4.9.22' type='text/css' media='all' /> <script type='text/javascript' src='http://www.spunkrecords.com/wp-includes/js/jquery/jquery.js?ver=1.12.4'></script> <script type='text/javascript' src='http://www.spunkrecords.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.4.1'></script> <link rel='https://api.w.org/' href='http://www.spunkrecords.com/wp-json/' /> <link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://www.spunkrecords.com/xmlrpc.php?rsd" /> <link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://www.spunkrecords.com/wp-includes/wlwmanifest.xml" /> <meta name="generator" content="WordPress 4.9.22" /> <!-- CSS --> <link href="http://www.spunkrecords.com/wp-content/themes/clean/assets/bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen"> <link href="http://www.spunkrecords.com/wp-content/themes/clean/assets/css/font-awesome.min.css" rel="stylesheet" media="screen"> <link href="http://www.spunkrecords.com/wp-content/themes/clean/assets/css/simple-line-icons.css" rel="stylesheet" media="screen"> <link href="http://www.spunkrecords.com/wp-content/themes/clean/assets/css/animate.css" rel="stylesheet"> <link href="http://www.spunkrecords.com/wp-content/themes/clean/assets/css/owl.carousel.css" rel="stylesheet"/> <link href="http://www.spunkrecords.com/wp-content/themes/clean/assets/css/owl.theme.css" rel="stylesheet"/> <!--<link type="text/css" href="/assets/css/skin/pink.flag/css/jplayer.pink.flag.css" rel="stylesheet" />--> <!-- Custom styles CSS --> <link href="http://www.spunkrecords.com/wp-content/themes/clean/assets/css/style.css" rel="stylesheet" media="screen"> <link href="http://www.spunkrecords.com/wp-content/themes/clean/responsive.css" rel="stylesheet" media="screen"> <!--<script src="/assets/js/jquery.js"></script> <script type="text/javascript" src="/assets/js/jquery.jplayer.min.js"></script>--> <script type="text/javascript"> /*$(document).ready(function(){ $("#jquery_jplayer_1").jPlayer({ ready: function () { $(this).jPlayer("setMedia", { title: "Spunkrecords", artist: "Podcast", poster: "http://www.jplayer.org/audio/poster/The_Stark_Palace_640x360.png", mp3: "http://www.spunkrecords.com/audio/podcast.mp3", oga: "http://www.spunkrecords.com/audio/podcast.ogg" }); }, cssSelectorAncestor: "#jp_container_1", swfPath: "/js", supplied: "mp3, oga", useStateClassSkin: true, autoBlur: false, loop: true, smoothPlayBar: true, keyEnabled: true, remainingDuration: true, toggleDuration: true }); });*/ </script> <script src="http://www.spunkrecords.com/wp-content/themes/clean/assets/js/modernizr.custom.js"></script> <style> #owl-demo .item img{ display: block; width: 100%; height: auto; } /*big vid*/ .videoContainer { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .videoContainer iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .banners{ top: 140px; z-index: 200; position: absolute; right: 40px; left: unset; margin: 0; } .scroll-down{ background: grey; } .scroll-down span{ text-shadow: 1px 1px #000000; } @media screen and (max-width: 700px) and (min-width: 500px){ } @media screen and (max-width: 500px) and (min-width: 400px){ } @media screen and (max-width: 400px) and (min-width: 320px){ .banners { top: 140px; z-index: 200; right: 12px; left: unset; margin: 0; float: right; width: 20%; } .banners img{ width: 100%; } .row{margin: 0;} } @media screen and (max-width: 320px) and (min-width: 0px){ .banners { top: 140px; z-index: 200; right: 12px; left: unset; margin: 0; float: right; width: 20%; } .banners img{ width: 100%; } .row{margin: 0;} } </style> </head> <body class="home blog"> <!-- Preloader --> <header class="cd-header"> <nav class="navbar navbar-custom" role="navigation"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#custom-collapse"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <!-- <a class="navbar-brand" href="http://www.spunkrecords.com"><img class="logo" src="http://www.spunkrecords.com/wp-content/themes/clean/assets/images/logo-2.png"/></a> --> </div> </div> </nav> <span class="cd-vinyl-trigger"> <span class="vinyl_text"><a href="http://www.spunkrecords.com/vinyls">New Vinyls in Stock</a></span> </span> <!-- <span class="cd-primary-nav-trigger"> <span class="cd-menu-text"></span><span class="cd-menu-icon"></span> </span>--> </header> <!-- <nav class="pop_menu"> <ul class="cd-primary-nav"> <li><a href="#team" class="menu_links">The team</a></li> <li><a href="#events" class="menu_links">Events</a></li> <li><a href="#merchandise" class="menu_links">Shop</a></li> <li><a href="#news" class="menu_links">News/Blog</a></li> <li><a href="#tweets" class="menu_links">Social Media</a></li> <li class="cd-label">Follow us</li> <ul class="social_links_nav"> <li><a target="_blank" href="https://www.facebook.com/spunkrecordsofficial" class="wow fadeInUp"><i class="fa fa-facebook"></i></a></li> <li><a target="_blank" href="https://www.twitter.com/spunkrec" class="wow fadeInUp" data-wow-delay=".1s"><i class="fa fa-twitter"></i></a></li> <li><a target="_blank" href="https://www.instagram.com/spunkrecords" class="wow fadeInUp" data-wow-delay=".2s"><i class="fa fa-instagram"></i></a></li> <li><a target="_blank" href="https://soundcloud.com/spunkrecordsofficial" class="wow fadeInUp" data-wow-delay=".4s"><i class="fa fa-soundcloud"></i></a></li> </ul> </ul> </nav>--> <!-- <div id="preloader"> <div id="status"> <img src="/assets/images/preloader.gif"> </div> </div>--> <!-- Home start --> <section id="youtubechannel" class="pfblockk"> <div class="containerr"> <div class="row"> <div class="col-sm-12 wow zoomIn"> <div class="youtTubeLive"> <div class="banners"> <img class="circle-img" src="http://www.spunkrecords.com/wp-content/themes/clean/assets/images/djs/grey-spunk-logo2.png"/> </div> <div class="videoContainer"> <iframe class="videoContainer__video" width="100%" height="100%" src='https://www.youtube.com/embed/live_stream?channel=UCMbaTt8FFdJy1OLbEurSxuw&autoplay=1&loop=1&controls=0&rel=0&showinfo=0&modestbranding=1' frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe> </div> </div> </div> </div><!-- .row --> </div><!-- .contaier --> <a href="#team"> <div class="scroll-down"> <span> <i class="fa fa-angle-down fa-2x"></i> </span> </div> </a> </section> <!-- <section id="home" class="pfblock-image screen-height"> <canvas id = "screen"></canvas> <div class="banners"> <img class="circle-img" src="/assets/images/djs/grey-spunk-logo2.png"/> </div> <a href="#team"> <div class="scroll-down"> <span> <i class="fa fa-angle-down fa-2x"></i> </span> </div> </a> </section>--> <!-- Home end --> <!-- Bio --> <section id="team" class="pfblock"> <div class="row"> <div class="col-sm-6 col-sm-offset-3"> <div class="pfblock-header wow fadeInDown"> <h2 class="pfblock-title">TEAM</h2> <div class="pfblock-line"></div> </div> </div> </div><!-- .row --> <div class="row cont_text team_cont wow zoomIn"> <div class="gridd"> <figure class="effect-lily"> <a class="team_s" href="http://www.spunkrecords.com/bninjas/" title="Bninjas"> <img width="825" height="510" src="http://www.spunkrecords.com/wp-content/uploads/2016/09/InstagramCapture_4eef9593-f5eb-4e94-b9da-5b901a3c09c9_jpg-825x510.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" /> <figcaption> <div> Bninjas </div> </figcaption> </a> </figure> </div> <div class="gridd"> <figure class="effect-lily"> <a class="team_s" href="http://www.spunkrecords.com/kuxx-da-kruk/" title="Kuxx Da Kruk"> <img width="825" height="510" src="http://www.spunkrecords.com/wp-content/uploads/2016/09/6d060b80ca4e4beeb7727aa73b1bf045-825x510.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" /> <figcaption> <div> Kuxx Da Kruk </div> </figcaption> </a> </figure> </div> <div class="gridd"> <figure class="effect-lily"> <a class="team_s" href="http://www.spunkrecords.com/deejay-cheikna/" title="Deejay Cheikna"> <img width="825" height="510" src="http://www.spunkrecords.com/wp-content/uploads/2016/09/Cheikna-webiste-825x510.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" /> <figcaption> <div> Deejay Cheikna </div> </figcaption> </a> </figure> </div> <div class="gridd"> <figure class="effect-lily"> <a class="team_s" href="http://www.spunkrecords.com/dj-todo-crazy/" title="Dj ToDo Crazy"> <img width="600" height="510" src="http://www.spunkrecords.com/wp-content/uploads/2016/09/Dj-Todo-Crazywebiste-600x510.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" /> <figcaption> <div> Dj ToDo Crazy </div> </figcaption> </a> </figure> </div> <div class="gridd"> <figure class="effect-lily"> <a class="team_s" href="http://www.spunkrecords.com/keegs-bantom/" title="Keegs Bantom"> <img width="500" height="500" src="http://www.spunkrecords.com/wp-content/uploads/2016/09/Keegs-website.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" srcset="http://www.spunkrecords.com/wp-content/uploads/2016/09/Keegs-website.jpg 500w, http://www.spunkrecords.com/wp-content/uploads/2016/09/Keegs-website-300x300.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" /> <figcaption> <div> Keegs Bantom </div> </figcaption> </a> </figure> </div> <div class="gridd"> <figure class="effect-lily"> <a class="team_s" href="http://www.spunkrecords.com/lebza-the-villain/" title="Lebza The Villain"> <img width="825" height="510" src="http://www.spunkrecords.com/wp-content/uploads/2016/09/DSC_4070-825x510.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" /> <figcaption> <div> Lebza The Villain </div> </figcaption> </a> </figure> </div> <div class="gridd"> <figure class="effect-lily"> <a class="team_s" href="http://www.spunkrecords.com/justin-miller/" title="Justin Miller"> <img width="825" height="510" src="http://www.spunkrecords.com/wp-content/uploads/2015/05/spunk-11-825x510.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" /> <figcaption> <div> Justin Miller </div> </figcaption> </a> </figure> </div> <div class="gridd"> <figure class="effect-lily"> <a class="team_s" href="#" title="Spunk Records"> <img width="825" height="510" src="http://www.spunkrecords.com/wp-content/uploads/2015/06/spunk_black-825x510.png" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" /> <figcaption> <div> </div> </figcaption> </a> </figure> </div> <div class="gridd"> <figure class="effect-lily"> <a class="team_s" href="http://www.spunkrecords.com/nik-k/" title="Nic K"> <img width="825" height="510" src="http://www.spunkrecords.com/wp-content/uploads/2015/05/10911413_802376616500223-825x510.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="Nic K" /> <figcaption> <div> Nic K </div> </figcaption> </a> </figure> </div> <div class="gridd"> <figure class="effect-lily"> <a class="team_s" href="http://www.spunkrecords.com/dj-spunky/" title="DJ Spunky"> <img width="825" height="510" src="http://www.spunkrecords.com/wp-content/uploads/2015/05/IMG_8969_website3-825x510.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" srcset="http://www.spunkrecords.com/wp-content/uploads/2015/05/IMG_8969_website3-825x510.jpg 825w, http://www.spunkrecords.com/wp-content/uploads/2015/05/IMG_8969_website3-470x292.jpg 470w" sizes="(max-width: 825px) 100vw, 825px" /> <figcaption> <div> DJ Spunky </div> </figcaption> </a> </figure> </div> <div class="gridd"> <figure class="effect-lily"> <a class="team_s" href="http://www.spunkrecords.com/dj-ankletap/" title="DJ Ankletap"> <img width="825" height="510" src="http://www.spunkrecords.com/wp-content/uploads/2015/05/Ankle-1-825x510.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" /> <figcaption> <div> DJ Ankletap </div> </figcaption> </a> </figure> </div> <div class="gridd"> <figure class="effect-lily"> <a class="team_s" href="http://www.spunkrecords.com/kinetic/" title="Kinetic"> <img width="825" height="510" src="http://www.spunkrecords.com/wp-content/uploads/2015/05/unnamed-file-825x510.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" /> <figcaption> <div> Kinetic </div> </figcaption> </a> </figure> </div> </div> <!-- .contaier --> </section> <!-- Bio End --> <!-- Bio --> <section id="events" class="pfblock"> <div class="row"> <div class="col-sm-6 col-sm-offset-3"> <div class="pfblock-header wow fadeInDown"> <h2 class="pfblock-title">EVENTS</h2> <div class="pfblock-line"></div> </div> </div> </div> <div class="row events_cont wow zoomIn"> <div class="content_events"> <div class="events_item"> <div class="row"> <div class="col-md-2"> <div class="day_val">10</div> <div class="month_val">July</div> </div> <div class="col-md-8"> <div class="address_val">Mishmash Bar, Greenside</div> <div class="dj_lineup"> with DJ Spunky </div> </div> <div class="col-md-2"> <div class="map_link"><a title="Find Location" href="https://www.here.com/directions/drive/mylocation//Restaurant,-20,-Gleneagles-Rd,-Greenside,-2193,-South-Africa:-26.146351,28.010241?map=-26.12413,27.9974,13,traffic" target="_blank"><i class="fa fa-map-marker"></i></a></div> </div> </div> </div> <div class="events_item"> <div class="row"> <div class="col-md-2"> <div class="day_val">12</div> <div class="month_val">July</div> </div> <div class="col-md-8"> <div class="address_val">Monchhichi Maboneng</div> <div class="dj_lineup"> with DJ Spunky , Keegs </div> </div> <div class="col-md-2"> <div class="map_link"><a title="Find Location" href="https://www.here.com/directions/drive/mylocation/Monchhichi:-26.20677,28.034349?map=-26.20677,28.034349,17&ref=facebook" target="_blank"><i class="fa fa-map-marker"></i></a></div> </div> </div> </div> </div> </div> </section> <!-- Bio End --> <section id="merchandise" class="pfblock"> <div class="container"> <div class="row"> <div class="col-sm-6 col-sm-offset-3"> <div class="pfblock-header wow fadeInDown"> <h2 class="pfblock-title">SHOP</h2> <div class="pfblock-line"></div> </div> </div> </div><!-- .row --> <div class="row"> <div class="mercha_panels"> <div class="switch_clothing_nav"> <a id="switch_all" class="switcher">All</a> <span id="divide_us">/</span> <a id="switch_music" class="switcher">Music</a> <span id="divide_us">/</span> <a id="switch_clothing" class="switcher">Clothing</a> <span id="divide_us">/</span> <a id="switch_vinyl" class="switcher">Vinyls</a> </div> <div class="content_music"> <div class="music_item"> <div class="griddd"> <a href="http://www.spunkrecords.com/?music_reviews=benwar-red-line" title="benWAR – Red Line"> <figure class="effect-bubba"> <img width="500" height="440" src="http://www.spunkrecords.com/wp-content/uploads/2020/05/album-art-red.jpg" class="attachment-500x500 size-500x500 wp-post-image" alt="" srcset="http://www.spunkrecords.com/wp-content/uploads/2020/05/album-art-red.jpg 4000w, http://www.spunkrecords.com/wp-content/uploads/2020/05/album-art-red-170x150.jpg 170w, http://www.spunkrecords.com/wp-content/uploads/2020/05/album-art-red-341x300.jpg 341w, http://www.spunkrecords.com/wp-content/uploads/2020/05/album-art-red-768x676.jpg 768w, http://www.spunkrecords.com/wp-content/uploads/2020/05/album-art-red-970x854.jpg 970w" sizes="(max-width: 500px) 100vw, 500px" /> <figcaption> <h4>benWAR – Red Line</h4> <p class="music">View</p> </figcaption> </figure> </a> </div> </div> <div class="music_item"> <div class="griddd"> <a href="http://www.spunkrecords.com/?music_reviews=dj-spunky-feel-ep-part-two" title="DJ Spunky Feel EP Part Two"> <figure class="effect-bubba"> <img width="500" height="500" src="http://www.spunkrecords.com/wp-content/uploads/2019/03/Dj-Spunky-Feel-EP-part-two-official-Art-768x768.jpg" class="attachment-500x500 size-500x500 wp-post-image" alt="" srcset="http://www.spunkrecords.com/wp-content/uploads/2019/03/Dj-Spunky-Feel-EP-part-two-official-Art-768x768.jpg 768w, http://www.spunkrecords.com/wp-content/uploads/2019/03/Dj-Spunky-Feel-EP-part-two-official-Art-300x300.jpg 300w, http://www.spunkrecords.com/wp-content/uploads/2019/03/Dj-Spunky-Feel-EP-part-two-official-Art-970x970.jpg 970w" sizes="(max-width: 500px) 100vw, 500px" /> <figcaption> <h4>DJ Spunky Feel EP Part Two</h4> <p class="music">View</p> </figcaption> </figure> </a> </div> </div> <div class="music_item"> <div class="griddd"> <a href="http://www.spunkrecords.com/?music_reviews=dj-spunky-feel-ep-part-one" title="Dj Spunky – Feel EP Part One"> <figure class="effect-bubba"> <img width="225" height="225" src="http://www.spunkrecords.com/wp-content/uploads/2018/11/download.jpeg" class="attachment-500x500 size-500x500 wp-post-image" alt="" /> <figcaption> <h4>Dj Spunky – Feel EP Part One</h4> <p class="music">View</p> </figcaption> </figure> </a> </div> </div> <div class="music_item"> <div class="griddd"> <a href="http://www.spunkrecords.com/?music_reviews=kinetic-pressure-ep" title="Kinetic – Pressure (EP)"> <figure class="effect-bubba"> <img width="500" height="500" src="http://www.spunkrecords.com/wp-content/uploads/2017/09/kinetic-ep-small-768x768.jpg" class="attachment-500x500 size-500x500 wp-post-image" alt="" srcset="http://www.spunkrecords.com/wp-content/uploads/2017/09/kinetic-ep-small-768x768.jpg 768w, http://www.spunkrecords.com/wp-content/uploads/2017/09/kinetic-ep-small-300x300.jpg 300w, http://www.spunkrecords.com/wp-content/uploads/2017/09/kinetic-ep-small-970x970.jpg 970w, http://www.spunkrecords.com/wp-content/uploads/2017/09/kinetic-ep-small.jpg 1419w" sizes="(max-width: 500px) 100vw, 500px" /> <figcaption> <h4>Kinetic – Pressure (EP)</h4> <p class="music">View</p> </figcaption> </figure> </a> </div> </div> <div class="music_item"> <div class="griddd"> <a href="http://www.spunkrecords.com/?music_reviews=deejay-cheikna-traveller" title="Deejay Cheikna – Traveller (SINGLE)"> <figure class="effect-bubba"> <img width="500" height="500" src="http://www.spunkrecords.com/wp-content/uploads/2017/05/Dejay-Cheikna-traveller-artwork-small-768x768.jpg" class="attachment-500x500 size-500x500 wp-post-image" alt="" srcset="http://www.spunkrecords.com/wp-content/uploads/2017/05/Dejay-Cheikna-traveller-artwork-small-768x768.jpg 768w, http://www.spunkrecords.com/wp-content/uploads/2017/05/Dejay-Cheikna-traveller-artwork-small-300x300.jpg 300w, http://www.spunkrecords.com/wp-content/uploads/2017/05/Dejay-Cheikna-traveller-artwork-small-970x970.jpg 970w" sizes="(max-width: 500px) 100vw, 500px" /> <figcaption> <h4>Deejay Cheikna – Traveller (SINGLE)</h4> <p class="music">View</p> </figcaption> </figure> </a> </div> </div> <div class="more_music"><a href="http://www.spunkrecords.com/the-music">More Music</a></div> </div> <div class="content_clothing"> <div class="clothing_item my_popup_open" data-val="99"> <div class="griddd"> <figure class="effect-bubba"> <img width="500" height="500" src="http://www.spunkrecords.com/wp-content/uploads/2015/11/SPUNK-records-white-970x970.jpg" class="attachment-500x500 size-500x500 wp-post-image" alt="" srcset="http://www.spunkrecords.com/wp-content/uploads/2015/11/SPUNK-records-white-970x970.jpg 970w, http://www.spunkrecords.com/wp-content/uploads/2015/11/SPUNK-records-white-300x300.jpg 300w, http://www.spunkrecords.com/wp-content/uploads/2015/11/SPUNK-records-white.jpg 1200w" sizes="(max-width: 500px) 100vw, 500px" /> <figcaption> <h4>Shop Now</h4> <p class="shop_price">R99</p> </figcaption> </figure> </div> </div> <div class="clothing_item my_popup_open" data-val="199"> <div class="griddd"> <figure class="effect-bubba"> <img width="500" height="413" src="http://www.spunkrecords.com/wp-content/uploads/2015/11/IMG_4206.jpg" class="attachment-500x500 size-500x500 wp-post-image" alt="" srcset="http://www.spunkrecords.com/wp-content/uploads/2015/11/IMG_4206.jpg 2327w, http://www.spunkrecords.com/wp-content/uploads/2015/11/IMG_4206-363x300.jpg 363w, http://www.spunkrecords.com/wp-content/uploads/2015/11/IMG_4206-970x801.jpg 970w" sizes="(max-width: 500px) 100vw, 500px" /> <figcaption> <h4>Shop Now</h4> <p class="shop_price">R199</p> </figcaption> </figure> </div> </div> <div class="clothing_item my_popup_open" data-val="199"> <div class="griddd"> <figure class="effect-bubba"> <img width="500" height="430" src="http://www.spunkrecords.com/wp-content/uploads/2015/11/IMG_4202.jpg" class="attachment-500x500 size-500x500 wp-post-image" alt="" srcset="http://www.spunkrecords.com/wp-content/uploads/2015/11/IMG_4202.jpg 2334w, http://www.spunkrecords.com/wp-content/uploads/2015/11/IMG_4202-349x300.jpg 349w, http://www.spunkrecords.com/wp-content/uploads/2015/11/IMG_4202-970x833.jpg 970w" sizes="(max-width: 500px) 100vw, 500px" /> <figcaption> <h4>Shop Now</h4> <p class="shop_price">R199</p> </figcaption> </figure> </div> </div> <div class="clothing_item my_popup_open" data-val="199"> <div class="griddd"> <figure class="effect-bubba"> <img width="375" height="500" src="http://www.spunkrecords.com/wp-content/uploads/2015/10/IMG_4096.jpg" class="attachment-500x500 size-500x500 wp-post-image" alt="" srcset="http://www.spunkrecords.com/wp-content/uploads/2015/10/IMG_4096.jpg 2448w, http://www.spunkrecords.com/wp-content/uploads/2015/10/IMG_4096-225x300.jpg 225w, http://www.spunkrecords.com/wp-content/uploads/2015/10/IMG_4096-768x1024.jpg 768w" sizes="(max-width: 375px) 100vw, 375px" /> <figcaption> <h4>Shop Now</h4> <p class="shop_price">R199</p> </figcaption> </figure> </div> </div> <div class="clothing_item my_popup_open" data-val="349"> <div class="griddd"> <figure class="effect-bubba"> <img width="304" height="360" src="http://www.spunkrecords.com/wp-content/uploads/2015/06/SPUNK-HOODIES-RED-DESIGN-small-front.png" class="attachment-500x500 size-500x500 wp-post-image" alt="" srcset="http://www.spunkrecords.com/wp-content/uploads/2015/06/SPUNK-HOODIES-RED-DESIGN-small-front.png 304w, http://www.spunkrecords.com/wp-content/uploads/2015/06/SPUNK-HOODIES-RED-DESIGN-small-front-253x300.png 253w" sizes="(max-width: 304px) 100vw, 304px" /> <figcaption> <h4>Shop Now</h4> <p class="shop_price">R349</p> </figcaption> </figure> </div> </div> <div class="more_clothing"><a href="http://www.spunkrecords.com/the-clothing">More Clothing</a></div> <!--Pop up--> <div id="pop_up_box"> <form class="request_form"> <ul> <h3 class="rquest_title">Request for product</h3> <span id="required">* All fields are required.</span> <li> <input name="req_name" id="req_name" type="text" onblur="if (this.value == '') {this.value = 'Your Name';}" onfocus="this.value = '';" value="Your Name" class="text"> </li> <li> <input name="req_email" id="req_email" type="text" onblur="if (this.value == '') {this.value = 'Your Email';}" onfocus="this.value = '';" value="Your Email" class="text"> </li> <li> <input name="req_quantity" id="req_quantity" type="text" onblur="if (this.value == '') {this.value = 'Quantity';}" onfocus="this.value = '';" value="Item Quantity" class="text"> </li> <li> <input name="req_size" id="req_size" type="text" onblur="if (this.value == '') {this.value = 'Size';}" onfocus="this.value = '';" value="Item Size (* if item requires size)" class="text"> </li> <li> <input name="req_cell" id="req_cell" type="text" onblur="if (this.value == '') {this.value = 'Phone';}" onfocus="this.value = '';" value="Cell" class="text"> </li> <div class="request_msg"></div> <div class="submit_btn"> <input type="hidden" name="product_price" id="product_price" class="product_price" value="" /> <input type="submit" class="request_send_btn" value="SEND"> </div> </ul> </form> </div> </div> <div class="content_vinyls"> <div class="music_item"> <div class="griddd"> <a href="http://www.spunkrecords.com/?vinyls=dj-spunky-feel-ep-part-two-12-inch-vinyl-record" title="Dj Spunky Feel EP – Part Two 12 INCH Vinyl Record"> <figure class="effect-bubba"> <img width="500" height="500" src="http://www.spunkrecords.com/wp-content/uploads/2019/03/Dj-Spunky-Feel-EP-part-two-official-Art-768x768.jpg" class="attachment-500x500 size-500x500 wp-post-image" alt="" srcset="http://www.spunkrecords.com/wp-content/uploads/2019/03/Dj-Spunky-Feel-EP-part-two-official-Art-768x768.jpg 768w, http://www.spunkrecords.com/wp-content/uploads/2019/03/Dj-Spunky-Feel-EP-part-two-official-Art-300x300.jpg 300w, http://www.spunkrecords.com/wp-content/uploads/2019/03/Dj-Spunky-Feel-EP-part-two-official-Art-970x970.jpg 970w" sizes="(max-width: 500px) 100vw, 500px" /> <figcaption> <h4>Dj Spunky Feel EP – Part Two 12 INCH Vinyl Record</h4> <!-- <p class="music">View Item</p> --> </figcaption> </figure> </a> </div> </div> <div class="music_item"> <div class="griddd"> <a href="http://www.spunkrecords.com/?vinyls=dj-spunky-feel-ep-pre-order" title="Dj Spunky Feel EP OUT NOW"> <figure class="effect-bubba"> <img width="491" height="500" src="http://www.spunkrecords.com/wp-content/uploads/2019/01/IMG_1285.jpg" class="attachment-500x500 size-500x500 wp-post-image" alt="" srcset="http://www.spunkrecords.com/wp-content/uploads/2019/01/IMG_1285.jpg 2858w, http://www.spunkrecords.com/wp-content/uploads/2019/01/IMG_1285-295x300.jpg 295w, http://www.spunkrecords.com/wp-content/uploads/2019/01/IMG_1285-768x781.jpg 768w, http://www.spunkrecords.com/wp-content/uploads/2019/01/IMG_1285-970x987.jpg 970w" sizes="(max-width: 491px) 100vw, 491px" /> <figcaption> <h4>Dj Spunky Feel EP OUT NOW</h4> <!-- <p class="music">View Item</p> --> </figcaption> </figure> </a> </div> </div> <div class="music_item"> <div class="griddd"> <a href="http://www.spunkrecords.com/?vinyls=gorillaz-human-picture-disc-rsd2018-limited-edition-vinyl-records" title="Gorillaz – Human Picture Disc RSD2018 Limited edition Vinyl records"> <figure class="effect-bubba"> <img width="500" height="401" src="http://www.spunkrecords.com/wp-content/uploads/2018/06/R-11180496-1511359217-7957.jpeg.jpg" class="attachment-500x500 size-500x500 wp-post-image" alt="" srcset="http://www.spunkrecords.com/wp-content/uploads/2018/06/R-11180496-1511359217-7957.jpeg.jpg 599w, http://www.spunkrecords.com/wp-content/uploads/2018/06/R-11180496-1511359217-7957.jpeg-374x300.jpg 374w" sizes="(max-width: 500px) 100vw, 500px" /> <figcaption> <h4>Gorillaz – Human Picture Disc RSD2018 Limited edition Vinyl records</h4> <!-- <p class="music">View Item</p> --> </figcaption> </figure> </a> </div> </div> <div class="music_item"> <div class="griddd"> <a href="http://www.spunkrecords.com/?vinyls=four-tet-new-energy-vinyl-record" title="Four Tet – New Energy Vinyl Record"> <figure class="effect-bubba"> <img width="500" height="500" src="http://www.spunkrecords.com/wp-content/uploads/2018/06/R-10965329-1507833955-1366.jpeg.jpg" class="attachment-500x500 size-500x500 wp-post-image" alt="" srcset="http://www.spunkrecords.com/wp-content/uploads/2018/06/R-10965329-1507833955-1366.jpeg.jpg 600w, http://www.spunkrecords.com/wp-content/uploads/2018/06/R-10965329-1507833955-1366.jpeg-300x300.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" /> <figcaption> <h4>Four Tet – New Energy Vinyl Record</h4> <!-- <p class="music">View Item</p> --> </figcaption> </figure> </a> </div> </div> <div class="music_item"> <div class="griddd"> <a href="http://www.spunkrecords.com/?vinyls=moderat-ii-vinyl-record" title="Moderat – II Vinyl record"> <figure class="effect-bubba"> <img width="500" height="495" src="http://www.spunkrecords.com/wp-content/uploads/2018/06/R-4782350-1377429429-7867.jpeg.jpg" class="attachment-500x500 size-500x500 wp-post-image" alt="" srcset="http://www.spunkrecords.com/wp-content/uploads/2018/06/R-4782350-1377429429-7867.jpeg.jpg 600w, http://www.spunkrecords.com/wp-content/uploads/2018/06/R-4782350-1377429429-7867.jpeg-303x300.jpg 303w" sizes="(max-width: 500px) 100vw, 500px" /> <figcaption> <h4>Moderat – II Vinyl record</h4> <!-- <p class="music">View Item</p> --> </figcaption> </figure> </a> </div> </div> <div class="more_vinyls"><a href="http://www.spunkrecords.com/vinyls">More Vinyls</a></div> </div> </div> </div> </section> <!-- News start --> <section id="news" class="pfblock"> <div class=""> <div class="row"> <div class="col-sm-6 col-sm-offset-3"> <div class="pfblock-header wow fadeInUp"> <h2 class="pfblock-title">NEWS</h2> <div class="pfblock-line"></div> <div class="pfblock-subtitle"> We bring you the latest trends in tech, music with a bang! </div> </div> </div> </div><!-- .row --> <div class="row newscontents owl-carousel" id="owl-demo"> <div class="gridd"> <figure class="effect-bubba"> <a href="http://www.spunkrecords.com/send-dj-ankletap-to-vegas/" title="Send Dj Ankletap to VEGAS" class="item-nimg"> <img width="540" height="510" src="http://www.spunkrecords.com/wp-content/uploads/2015/07/IMG_2814-540x510.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" /> <figcaption> <div> <h3>Send Dj Ankletap to VEGAS</h3> </div> </figcaption> </a> </figure> </div> <div class="gridd"> <figure class="effect-bubba"> <a href="http://www.spunkrecords.com/deep-in-my-soul-incl-promise-out-6july/" title="Deep In My Soul incl. Promise OUT 6JULY" class="item-nimg"> <img width="825" height="510" src="http://www.spunkrecords.com/wp-content/uploads/2015/06/Deep-In-My-sole-album-art-Dj-Spunky-3-825x510.png" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" /> <figcaption> <div> <h3>Deep In My Soul incl. Promise OUT 6JULY</h3> </div> </figcaption> </a> </figure> </div> <div class="gridd"> <figure class="effect-bubba"> <a href="http://www.spunkrecords.com/blanket-fundraising/" title="BLANKET FUNDRAISING" class="item-nimg"> <img width="825" height="510" src="http://www.spunkrecords.com/wp-content/uploads/2015/06/imagejpeg-825x510.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" /> <figcaption> <div> <h3>BLANKET FUNDRAISING</h3> </div> </figcaption> </a> </figure> </div> <div class="gridd"> <figure class="effect-bubba"> <a href="http://www.spunkrecords.com/sunny-braai-days/" title="Sunny Braai Days" class="item-nimg"> <img width="640" height="510" src="http://www.spunkrecords.com/wp-content/uploads/2015/06/11187830_10207280354833299_5265259691621188490_o-640x510.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" /> <figcaption> <div> <h3>Sunny Braai Days</h3> </div> </figcaption> </a> </figure> </div> <div class="gridd"> <figure class="effect-bubba"> <a href="http://www.spunkrecords.com/win-2-tickets-to-enigmakinetic-party/" title="WIN 2 Tickets to ENIGMA/KINETIC PARTY" class="item-nimg"> <img width="640" height="510" src="http://www.spunkrecords.com/wp-content/uploads/2015/06/11401335_820095161393292_6953834457424075219_n-640x510.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" /> <figcaption> <div> <h3>WIN 2 Tickets to ENIGMA/KINETIC PARTY</h3> </div> </figcaption> </a> </figure> </div> <div class="gridd"> <figure class="effect-bubba"> <a href="http://www.spunkrecords.com/kinetic-enigma-annual-party/" title="KINETIC / ENIGMA ANNUAL PARTY" class="item-nimg"> <img width="825" height="510" src="http://www.spunkrecords.com/wp-content/uploads/2015/06/11427256_10200561662600335_3983037651220107593_o-825x510.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" /> <figcaption> <div> <h3>KINETIC / ENIGMA ANNUAL PARTY</h3> </div> </figcaption> </a> </figure> </div> <div class="gridd"> <figure class="effect-bubba"> <a href="http://www.spunkrecords.com/welcome/" title="Welcome" class="item-nimg"> <img width="825" height="510" src="http://www.spunkrecords.com/wp-content/uploads/2015/06/936694_556251327811685_6704244654030938857_n-825x510.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" /> <figcaption> <div> <h3>Welcome</h3> </div> </figcaption> </a> </figure> </div> </div> <!-- <div class="more_news"><a href="/news">More News</a></div> --> </div><!-- .contaier --> </section> <!--News End--> <section id="tweets" class="pfblockk"> <div class="container"> <div class="row"> <div class="pfblock-header-twitter"> <h2 class="pfblock-title" id="twitter-title">Spunk Records on twitter</h2> </div> </div> <div class="row"> <div class="col-sm-6 col-sm-offset-3 wow zoomIn"> <div class="ab-tweet-scroller " data-fx="fade" data-play="true" data-easing="swing" data-duration="1000" data-pauseonhover="immediate" data-timeoutduration="5000"><ul class="ab-tweet-scroller-inner"></ul></div> </div> </div><!-- .row --> </div><!-- .contaier --> </section> <section id="instagrafeed" class="pfblockk"> <div class="containerr"> <div class="row"> <div class="col-sm-6 col-sm-offset-3"> <div class="pfblock-header wow fadeInDown"> <h2 class="pfblock-title" id="insta-title">Spunk Records on Instagram</h2> <div class="pfblock-line"></div> </div> </div> </div><!-- .row --> <div class="row"> <div class="insta_holder wow zoomIn"> <div id="sbi_mod_error" > <span>This error message is only visible to WordPress admins</span><br /> <p><b>Error: No connected account.</b> <p>Please go to the Instagram Feed settings page to connect an account.</p> </div> </div> </div><!-- .row --> </div><!-- .contaier --> </section> <!-- Contact start --> <section id="contact" class="pfblock"> <div class="container"> <div class="row"> <div class="col-sm-6 col-sm-offset-3"> <div class="pfblock-header"> <h2 class="pfblock-title">For Bookings, just Drop us a line</h2> <div class="pfblock-line"></div> <!-- <div class="pfblock-subtitle"> No one lights a lamp in order to hide it behind the door: the purpose of light is to create more light, to open people’s eyes, to reveal the marvels around. </div> --> </div> </div> </div><!-- .row --> <div class="row"> <div class="col-sm-6 col-sm-offset-3"> <form id="contact-form" role="form"> <div class="ajax-hidden"> <div class="form-group wow fadeInUp"> <label class="sr-only" for="c_name">Name</label> <input type="text" id="c_name" class="form-control" name="c_name" placeholder="Name"> </div> <div class="form-group wow fadeInUp" data-wow-delay=".1s"> <label class="sr-only" for="c_email">Email</label> <input type="email" id="c_email" class="form-control" name="c_email" placeholder="E-mail"> </div> <div class="form-group wow fadeInUp" data-wow-delay=".2s"> <textarea class="form-control" id="c_message" name="c_message" rows="7" placeholder="Message"></textarea> </div> <button type="submit" class="btn btn-lg btn-block wow fadeInUp" data-wow-delay=".3s">Send Message</button> </div> <div class="ajax-response"></div> </form> </div> </div><!-- .row --> </div><!-- .container --> </section> <!-- Contact end --> <section id="main" class="container"> <div class="row"> <div id="content" class="site-content col-md-8" role="main"> </div> <!-- #content --> <div id="sidebar" class="col-md-4" role="complementary"> <div class="sidebar-inner"> <aside class="widget-area"> </aside> </div> </div> <!-- #sidebar --> </div> <!-- .row --> </section> <!-- .container --> <!-- Modal --> <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> <h3 class="modal-title rquest_title" id="myModalLabel">Request for product</h3> </div> <div class="modal-body"> <div class="form-group"> <label for="YourName">Your Name</label> <input type="text" class="form-control" name="req_name" id="req_name" placeholder="Your Name"> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> <button type="button" class="btn btn-primary">Send</button> </div> </div> </div> </div> <div class="chev_button"><i class="fa fa-chevron-circle-up"></i></div> <div class="player"> <style type="text/css">@import url(https://fonts.googleapis.com/css?family=Open+Sans|Oswald); #wonderpluginaudio-1 { box-sizing: content-box; padding-left: 50px; padding-right: 50px; } #wonderpluginaudio-1 div { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #wonderpluginaudio-1 .amazingaudioplayer-image { display: block; position: relative; float: left; margin: 4px; overflow: hidden; -webkit-box-shadow: 0 8px 6px -6px black; -moz-box-shadow: 0 8px 6px -6px black; box-shadow: 0 8px 6px -6px black; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } #wonderpluginaudio-1 .amazingaudioplayer-image img { display: inline-block; margin: 0; padding: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } #wonderpluginaudio-1 .amazingaudioplayer-image-clear { } #wonderpluginaudio-1 .amazingaudioplayer-text { display: block; position: relative; text-align: left; overflow: hidden; padding: 4px; height: 62px; } #wonderpluginaudio-1 .amazingaudioplayer-text-clear { } #wonderpluginaudio-1 .amazingaudioplayer-title { display: block; color: #333; font-family: "Oswald",Arial,sans-serif; font-size: 15px; font-weight: bold; } #wonderpluginaudio-1 .amazingaudioplayer-title-clear { } #wonderpluginaudio-1 .amazingaudioplayer-info { display: block; color: #666; font-family: Arial, sans-serif; font-size: 12px; font-style: italic; } #wonderpluginaudio-1 .amazingaudioplayer-info-clear { } #wonderpluginaudio-1 .amazingaudioplayer-bar { position: relative; width: 182px; float: left; background-color: #333; margin: 6px 4px; border: 1px solid #222; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 1px 0 rgba( 255, 255, 255, 0.15 ), 0 0 3px rgba( 0, 0, 0, 0.5 ); -moz-box-shadow: inset 0 1px 0 rgba( 255, 255, 255, 0.15 ), 0 0 3px rgba( 0, 0, 0, 0.5 ); box-shadow: inset 0 1px 0 rgba( 255, 255, 255, 0.15 ), 0 0 3px rgba( 0, 0, 0, 0.5 ); background-image: -ms-linear-gradient(top, #444444 0%, #222222 100%); background-image: -moz-linear-gradient(top, #444444 0%, #222222 100%); background-image: -o-linear-gradient(top, #444444 0%, #222222 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #444444), color-stop(1, #222222)); background-image: -webkit-linear-gradient(top, #444444 0%, #222222 100%); background-image: linear-gradient(to bottom, #444444 0%, #222222 100%); } #wonderpluginaudio-1 .amazingaudioplayer-bar-buttons-clear { clear: both; } #wonderpluginaudio-1 .amazingaudioplayer-bar-clear { clear: both; } #wonderpluginaudio-1 .amazingaudioplayer-bar-title { position: relative; float: left; color: #eee; font-family: "Open Sans", sans-serif; font-size: 12px; line-height: 24px; margin: 0 8px; } #wonderpluginaudio-1 .amazingaudioplayer-playpause { position: relative; float: left; } #wonderpluginaudio-1 .amazingaudioplayer-play { position: relative; } #wonderpluginaudio-1 .amazingaudioplayer-pause { position: relative; } #wonderpluginaudio-1 .amazingaudioplayer-stop { position: relative; float: left; } #wonderpluginaudio-1 .amazingaudioplayer-prev { position: relative; float: left; } #wonderpluginaudio-1 .amazingaudioplayer-next { position: relative; float: left; } #wonderpluginaudio-1 .amazingaudioplayer-loop { position: relative; float: left; margin: 0 2px; } #wonderpluginaudio-1 .amazingaudioplayer-progress { position: relative; background-color: #222; -webkit-box-shadow: -1px -1px 0 rgba( 0, 0, 0, 0.5 ), 1px 1px 0 rgba( 255, 255, 255, 0.1 ); -moz-box-shadow: -1px -1px 0 rgba( 0, 0, 0, 0.5 ), 1px 1px 0 rgba( 255, 255, 255, 0.1 ); box-shadow: -1px -1px 0 rgba( 0, 0, 0, 0.5 ), 1px 1px 0 rgba( 255, 255, 255, 0.1 ); margin: 8px 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } #wonderpluginaudio-1 .amazingaudioplayer-progress-loaded { background-color: #444; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } #wonderpluginaudio-1 .amazingaudioplayer-progress-played { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #fcc500; background-image: -ms-linear-gradient(top, #fede00 0%, #fcc500 100%); background-image: -moz-linear-gradient(top, #fede00 0%, #fcc500 100%); background-image: -o-linear-gradient(top, #fede00 0%, #fcc500 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fede00), color-stop(1, #fcc500)); background-image: -webkit-linear-gradient(top, #fede00 0%, #fcc500 100%); background-image: linear-gradient(to bottom, #fede00 0%, #fcc500 100%); } #wonderpluginaudio-1 .amazingaudioplayer-time { position: relative; float: right; color: #fff; font-family: "Open Sans", sans-serif; font-size: 12px; text-shadow: 1px 1px 0 #000; line-height: 24px; margin: 0 4px; } #wonderpluginaudio-1 .amazingaudioplayer-volume { position: relative; float: right; } #wonderpluginaudio-1 .amazingaudioplayer-volume-bar { background-color: #333; border: 1px solid #222; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 0 rgba( 255, 255, 255, 0.15 ), 0 0 3px rgba( 0, 0, 0, 0.5 ); -moz-box-shadow: inset 0 1px 0 rgba( 255, 255, 255, 0.15 ), 0 0 3px rgba( 0, 0, 0, 0.5 ); box-shadow: inset 0 1px 0 rgba( 255, 255, 255, 0.15 ), 0 0 3px rgba( 0, 0, 0, 0.5 ); background-image: -ms-linear-gradient(top, #444444 0%, #111111 100%); background-image: -moz-linear-gradient(top, #444444 0%, #111111 100%); background-image: -o-linear-gradient(top, #444444 0%, #111111 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #444444), color-stop(1, #111111)); background-image: -webkit-linear-gradient(top, #444444 0%, #111111 100%); background-image: linear-gradient(to bottom, #444444 0%, #111111 100%); } #wonderpluginaudio-1 .amazingaudioplayer-volume-bar-adjust { background-color: #222; -webkit-box-shadow: -1px -1px 0 rgba( 0, 0, 0, 0.5 ), 1px 1px 0 rgba( 255, 255, 255, 0.1 ); -moz-box-shadow: -1px -1px 0 rgba( 0, 0, 0, 0.5 ), 1px 1px 0 rgba( 255, 255, 255, 0.1 ); box-shadow: -1px -1px 0 rgba( 0, 0, 0, 0.5 ), 1px 1px 0 rgba( 255, 255, 255, 0.1 ); } #wonderpluginaudio-1 .amazingaudioplayer-volume-bar-adjust-active { background-color: #fcc500; -webkit-box-shadow: inset 0 0 5px rgba( 255, 255, 255, 0.5 ); -moz-box-shadow: inset 0 0 5px rgba( 255, 255, 255, 0.5 ); box-shadow: inset 0 0 5px rgba( 255, 255, 255, 0.5 ); } #wonderpluginaudio-1 .amazingaudioplayer-tracklist { display: block; position: relative; } #wonderpluginaudio-1 .amazingaudioplayer-tracklist-container { display: block; position: relative; top: -110px; width: 60%; margin: 4px; padding: 12px 12px 16px; background-color: transparent; } /* #wonderpluginaudio-1 .amazingaudioplayer-tracklist-container { display: block; position: relative; background-color: #333; border: 1px solid #222; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; margin: 4px; padding: 12px 12px 16px; -webkit-box-shadow: inset 0 1px 0 rgba( 255, 255, 255, 0.15 ), 0 0 3px rgba( 0, 0, 0, 0.5 ); -moz-box-shadow: inset 0 1px 0 rgba( 255, 255, 255, 0.15 ), 0 0 3px rgba( 0, 0, 0, 0.5 ); box-shadow: inset 0 1px 0 rgba( 255, 255, 255, 0.15 ), 0 0 3px rgba( 0, 0, 0, 0.5 ); background-image: -ms-linear-gradient(top, #444444 0%, #111111 100%); background-image: -moz-linear-gradient(top, #444444 0%, #111111 100%); background-image: -o-linear-gradient(top, #444444 0%, #111111 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #444444), color-stop(1, #111111)); background-image: -webkit-linear-gradient(top, #444444 0%, #111111 100%); background-image: linear-gradient(to bottom, #444444 0%, #111111 100%); }*/ #wonderpluginaudio-1 .amazingaudioplayer-tracks-wrapper { position: relative; } #wonderpluginaudio-1 .amazingaudioplayer-tracks { position: relative; list-style-type: none; margin: 0; padding: 0; } #wonderpluginaudio-1 .amazingaudioplayer-track-item { position: relative; cursor: pointer; color: #999; font-family: "Open Sans", Arial, sans-serif; font-size: 12px; /*text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);*/ line-height: 22px; margin: 0; padding: 0; text-align: left; } #wonderpluginaudio-1 .amazingaudioplayer-track-item-active { cursor: pointer; color: #666; } #wonderpluginaudio-1 .amazingaudioplayer-track-item a { color: #666; text-decoration: none; } #wonderpluginaudio-1 .amazingaudioplayer-track-item-active a { color: #666; text-decoration: none; } #wonderpluginaudio-1 .amazingaudioplayer-track-item-duration { position: absolute; top: 0; right: 0; } #wonderpluginaudio-1 .amazingaudioplayer-tracklist-arrow-prev { position: absolute; bottom: 2px; left: 50%; margin-left: -64px; } #wonderpluginaudio-1 .amazingaudioplayer-tracklist-arrow-next { position: absolute; bottom: 2px; left: 50%; margin-left: 16px; } #wonderpluginaudio-1 .amazingaudioplayer-tracklist-clear { clear: both; }</style><div class="wonderpluginaudio" id="wonderpluginaudio-1" data-audioplayerid="1" data-width="" data-height="600" data-skin="jukebox" data-autoplay="false" data-random="false" data-forceflash="false" data-forcehtml5="false" data-responsive="true" data-showtracklist="true" data-showprogress="true" data-showprevnext="true" data-showloop="true" data-showloading="false" data-titleinbarscroll="true" data-donotinit="false" data-addinitscript="false" data-loop="1" data-tracklistitem="5" data-titleinbarwidth="80" data-jsfolder="http://www.spunkrecords.com/wp-content/plugins/wonderplugin-audio/engine/" style="display:block;position:relative;margin:0 auto;width:100%;height:auto;"><ul class="amazingaudioplayer-audios" style="display:none;"><li data-artist="Dj Spunky" data-title="" data-album="Cats In The Room" data-info=""Cats In The Room(Dj Spunky Dub Mix)"" data-image="http://www.spunkrecords.com/wp-content/uploads/2016/06/cats-album-art.jpg" data-duration="90"><div class="amazingaudioplayer-source" data-src="http://www.spunkrecords.com/wp-content/uploads/2016/06/DJ-Spunky-Cats-In-The-Room-DJ-Spunky-Dub-Mix.mp3" data-type="audio/mpeg" ></div></li></ul><div class="wonderplugin-engine">Loading...</div></div> <!--<div id="jquery_jplayer_1" class="jp-jplayer"></div> <div id="jp_container_1" class="jp-audio" role="application" aria-label="media player"> <div class="jp-type-single"> <div class="jp-gui jp-interface"> <div class="jp-controls-holder"> <div class="jp-controls"> <button class="jp-play" role="button" tabindex="0">play</button> </div> </div> </div> <div class="jp-details"> <div class="jp-title" aria-label="title"> </div> </div> <div class="jp-no-solution"> <span>Update Required</span> To play the media you will need to either update your browser to a recent version or update your <a href="http://get.adobe.com/flashplayer/" target="_blank">Flash plugin</a>. </div> </div> </div>--> </div> <!-- Footer start --> <footer id="footer"> <div class="container"> <div class="row"> <div class="col-sm-12"> <ul class="social-links"> <li><a target="_blank" href="https://www.facebook.com/spunkrecordsofficial" class="wow fadeInUp"><i class="fa fa-facebook"></i></a></li> <li><a target="_blank" href="https://www.twitter.com/spunkrec" class="wow fadeInUp" data-wow-delay=".1s"><i class="fa fa-twitter"></i></a></li> <li><a target="_blank" href="https://www.instagram.com/spunkrecords" class="wow fadeInUp" data-wow-delay=".2s"><i class="fa fa-instagram"></i></a></li> <li><a target="_blank" href="https://soundcloud.com/spunkrecordsofficial" class="wow fadeInUp" data-wow-delay=".4s"><i class="fa fa-soundcloud"></i></a></li> <!--<li><a href="index.html#" class="wow fadeInUp" data-wow-delay=".5s"><i class="fa fa-envelope"></i></a></li> --> </ul> <p class="heart"> </p> <div> </div> <p class="copyright"> © 2023 SPUNK Records Official. All Rights Reserved. <span id="developed-by" class="fa fa-code fa-2x animated pulse"></span> by <a title="Andror" target="_blank" href="http://www.andror.co.za">Andror</a> </p> </div> </div><!-- .row --> </div><!-- .container --> </footer> <!-- Footer end --> <!-- Scroll to top --> <div class="scroll-up"> <a href="#"><i class="fa fa-angle-up"></i></a> </div> <!-- Scroll to top end--> <script src="http://www.spunkrecords.com/wp-content/themes/clean/assets/js/jquery.js"></script> <img alt='css.php' src="http://www.spunkrecords.com/wp-content/plugins/cookies-for-comments/css.php?k=58bb8749da4517b83238eeb5e37d1798&o=i&t=372614363" width='1' height='1' /><!-- Instagram Feed JS --> <script type="text/javascript"> var sbiajaxurl = "http://www.spunkrecords.com/wp-admin/admin-ajax.php"; </script> <script type='text/javascript' src='http://www.spunkrecords.com/wp-content/plugins/ab-tweet-scroller/js/jquery.carouFredSel-6.2.1.js?ver=6.2.1'></script> <script type='text/javascript' src='http://www.spunkrecords.com/wp-content/plugins/ab-tweet-scroller/js/ab-tweet-scroller.js?ver=1.0.0'></script> <script type='text/javascript' src='http://www.spunkrecords.com/wp-content/plugins/wonderplugin-audio/engine/wonderpluginaudioskins.js?ver=4.4'></script> <script type='text/javascript' src='http://www.spunkrecords.com/wp-content/plugins/wonderplugin-audio/engine/wonderpluginaudio.js?ver=4.4'></script> <script type='text/javascript' src='http://www.spunkrecords.com/wp-includes/js/wp-embed.min.js?ver=4.9.22'></script> <script type='text/javascript'> /* <![CDATA[ */ var sb_instagram_js_options = {"font_method":"svg","resized_url":"http:\/\/www.spunkrecords.com\/wp-content\/uploads\/sb-instagram-feed-images\/","placeholder":"http:\/\/www.spunkrecords.com\/wp-content\/plugins\/instagram-feed\/img\/placeholder.png"}; /* ]]> */ </script> <script type='text/javascript' src='http://www.spunkrecords.com/wp-content/plugins/instagram-feed/js/sb-instagram-2-2.min.js?ver=2.4.6'></script> <script src="http://www.spunkrecords.com/wp-content/themes/clean/assets/bootstrap/js/bootstrap.min.js"></script> <script src="http://www.spunkrecords.com/wp-content/themes/clean/assets/js/main.js"></script> <script src="http://www.spunkrecords.com/wp-content/themes/clean/assets/js/jquery.parallax-1.1.3.js"></script> <script src="http://www.spunkrecords.com/wp-content/themes/clean/assets/js/imagesloaded.pkgd.js"></script> <script src="http://www.spunkrecords.com/wp-content/themes/clean/assets/js/jquery.sticky.js"></script> <script src="http://www.spunkrecords.com/wp-content/themes/clean/assets/js/smoothscroll.js"></script> <script src="http://www.spunkrecords.com/wp-content/themes/clean/assets/js/wow.min.js"></script> <script src="http://www.spunkrecords.com/wp-content/themes/clean/assets/js/jquery.easypiechart.js"></script> <script src="http://www.spunkrecords.com/wp-content/themes/clean/assets/js/waypoints.min.js"></script> <script src="http://www.spunkrecords.com/wp-content/themes/clean/assets/js/jquery.cbpQTRotator.js"></script> <script src="http://www.spunkrecords.com/wp-content/themes/clean/assets/js/custom.js"></script> <script src="http://www.spunkrecords.com/wp-content/themes/clean/assets/js/velocity.min.js"></script> <script src="http://www.spunkrecords.com/wp-content/themes/clean/assets/js/particles.js"></script> <script src="http://www.spunkrecords.com/wp-content/themes/clean/assets/js/jquery.popupoverlay.js"></script> <script src="http://www.spunkrecords.com/wp-content/themes/clean/assets/js/jquery.bpopup.min.js"></script> <script src="http://www.spunkrecords.com/wp-content/themes/clean/assets/js/jquery.easing.min.js"></script> <script src="http://www.spunkrecords.com/wp-content/themes/clean/assets/js/owl.carousel.js"></script> <!-- jQuery UI (Custom Download containing only Widget and Effects Core)--> <!--<script src="/assets/js/jquery-ui-1.10.3.custom.min.js" type="text/javascript"></script> <script src="/assets/js/jquery.mousewheel.min.js" type="text/javascript"></script> <script src="/assets/js/jquery.kinetic.min.js" type="text/javascript"></script> <script src="/assets/js/jquery.smoothdivscroll-1.3-min.js" type="text/javascript"></script>--> <script type='text/javascript'> $.noConflict(); jQuery(document).ready(function() { /* jQuery(document).on('click','.clothing_item', function(e) { console.log("clicked"); // Prevents the default action to be triggered. e.preventDefault(); //jQuery("#myModal").modal("show"); var theprice = jQuery(this).attr('theprice'); var theimage = jQuery(this).attr('theimage'); alert("Price "+theprice + "image "+theimage); //console.log("image "+theimage); //var prrr=jQuery(this).attr("data-val"); //jQuery("input[name='product_price']").val(prrr); });*/ jQuery('.clothing_item').bind('click', function(e) { // Prevents the default action to be triggered. e.preventDefault(); var prrr=jQuery(this).attr("data-val"); // alert(prrr); jQuery("input[name='product_price']").val(prrr); // Triggering bPopup when click event is fired jQuery('#pop_up_box').bPopup({ easing: 'easeOutBack', speed: 650, transition: 'slideDown', onClose: function(){ jQuery("input[name='product_price']").empty(); } }); }); jQuery('a#switch_all').on('click', function(event){ jQuery(".content_music").fadeIn(1000); jQuery(".content_clothing").fadeIn(2000); jQuery(".content_vinyls").fadeIn(3000); }); jQuery('a#switch_music').on('click', function(event){ //alert("Helo"); jQuery(".more_music").show(); jQuery(".more_clothing").hide(); jQuery(".more_vinyls").hide(); jQuery(".content_music").fadeIn(1000); jQuery(".content_clothing").hide(); jQuery(".content_vinyls").hide(); }); jQuery('a#switch_clothing').on('click', function(event){ //alert("Helo"); jQuery(".more_music").hide(); jQuery(".more_clothing").show(); jQuery(".more_vinyls").hide(); jQuery(".content_clothing").fadeIn(1000); jQuery(".content_music").hide(); jQuery(".content_vinyls").hide(); }); jQuery('a#switch_vinyl').on('click', function(event){ //alert("Helo"); jQuery(".more_music").hide(); jQuery(".more_clothing").hide(); jQuery(".more_vinyls").show(); jQuery(".content_vinyls").fadeIn(1000); jQuery(".content_clothing").hide(); jQuery(".content_music").hide(); }); /*smooth blog scroll*/ // $("div#makeMeScrollable").smoothDivScroll({ // autoScrollingMode: "onStart" // }); jQuery("#owl-demo").owlCarousel({ items : 3, lazyLoad : true, navigation : true, navigationText: [ "<div class='left-arrow'><img src='http://spunkrecords.com/wp-content/themes/clean/assets/images/left-arrow.png'></div>", "<div class='right-arrow'><img src='http://spunkrecords.com/wp-content/themes/clean/assets/images/right-arrow.png'></div>" ] }); }); </script> <!--<script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-79249820-1', 'auto'); ga('send', 'pageview'); </script>--> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-99306125-1', 'auto'); ga('send', 'pageview'); </script> </body> </html>