<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Dheejay</title>
	<atom:link href="https://dheejay.com/feed/" rel="self" type="application/rss+xml" />
	<link>https://dheejay.com</link>
	<description>Dance Songs of Yours &#38; of Mine</description>
	<lastBuildDate>Fri, 12 Jun 2020 13:04:51 +0000</lastBuildDate>
	<language>en-GB</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=5.4.2</generator>

<image>
	<url>https://dheejay.com/wp-content/uploads/2020/03/cropped-dheejay-favicon-32x32.png</url>
	<title>Dheejay</title>
	<link>https://dheejay.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>FooBox</title>
		<link>https://dheejay.com/dance-music/foobox/</link>
					<comments>https://dheejay.com/dance-music/foobox/#respond</comments>
		
		<dc:creator><![CDATA[admin-dheejay]]></dc:creator>
		<pubDate>Fri, 12 Jun 2020 12:54:24 +0000</pubDate>
				<category><![CDATA[Dance Music]]></category>
		<guid isPermaLink="false">http://localhost/dheejay/?p=1395</guid>

					<description><![CDATA[<p>The post <a rel="nofollow" href="https://dheejay.com/dance-music/foobox/">FooBox</a> appeared first on <a rel="nofollow" href="https://dheejay.com">Dheejay</a>.</p>
]]></description>
										<content:encoded><![CDATA[

<section  class="bb-standard-block  boxed-md white-bg normal-text no-drop-cap ">
	
		

	<div class="standard-content-grid">
		<p><a href="#fooboxgallery" target="foobox">Click here to see FooGallery open in FooBox</a></p>
<div id="fooboxgallery" style="display: none;">

<a href='https://dheejay.com/home/attachment/star-wars-2172948_1280/'><img width="1024" height="682" src="https://dheejay.com/wp-content/uploads/2020/03/star-wars-2172948_1280-1024x682.jpg" class="attachment-large size-large" alt="" srcset="https://dheejay.com/wp-content/uploads/2020/03/star-wars-2172948_1280-1024x682.jpg 1024w, https://dheejay.com/wp-content/uploads/2020/03/star-wars-2172948_1280-300x200.jpg 300w, https://dheejay.com/wp-content/uploads/2020/03/star-wars-2172948_1280-768x512.jpg 768w, https://dheejay.com/wp-content/uploads/2020/03/star-wars-2172948_1280.jpg 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></a>
<a href='https://dheejay.com/home/attachment/darth-vader-1207142/'><img width="1024" height="680" src="https://dheejay.com/wp-content/uploads/2020/03/darth-vader-1207142-1024x680.jpg" class="attachment-large size-large" alt="" srcset="https://dheejay.com/wp-content/uploads/2020/03/darth-vader-1207142-1024x680.jpg 1024w, https://dheejay.com/wp-content/uploads/2020/03/darth-vader-1207142-300x199.jpg 300w, https://dheejay.com/wp-content/uploads/2020/03/darth-vader-1207142-768x510.jpg 768w, https://dheejay.com/wp-content/uploads/2020/03/darth-vader-1207142-1536x1020.jpg 1536w, https://dheejay.com/wp-content/uploads/2020/03/darth-vader-1207142-2048x1361.jpg 2048w" sizes="(max-width: 1024px) 100vw, 1024px" /></a>
<a href='https://dheejay.com/home/attachment/sahara-3729651_1280/'><img width="1024" height="682" src="https://dheejay.com/wp-content/uploads/2020/03/sahara-3729651_1280-1024x682.jpg" class="attachment-large size-large" alt="" srcset="https://dheejay.com/wp-content/uploads/2020/03/sahara-3729651_1280-1024x682.jpg 1024w, https://dheejay.com/wp-content/uploads/2020/03/sahara-3729651_1280-300x200.jpg 300w, https://dheejay.com/wp-content/uploads/2020/03/sahara-3729651_1280-768x512.jpg 768w, https://dheejay.com/wp-content/uploads/2020/03/sahara-3729651_1280.jpg 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></a>

</div>
	</div>	

</section><!-- .standard -->







<section  class="bb-standard-block  boxed-md white-bg normal-text no-drop-cap ">
	
		

	<div class="standard-content-grid">
		<p><a class="foobox" href="http://localhost/dheejay/wp-content/uploads/2020/03/photo-1569793667639-dae11573b34f.jpg">open with FooBox!</a></p>
	</div>	

</section><!-- .standard -->







<section  class="bb-standard-block  boxed-md white-bg normal-text no-drop-cap ">
	
		

	<div class="standard-content-grid">
		<p><a rel="foobox" href="http://localhost/dheejay/wp-content/plugins/foobox-image-lightbox/assets/img/foobot_red.png" class="foobox fbx-link">open a gallery</a><br />
<a class="foobox" href="http://localhost/dheejay/wp-content/uploads/2020/03/photo-1569793667639-dae11573b34f.jpg" rel="gallery">gallery</a></p>
<div id="fooboxgallery" style="display: none;">
<a class="foobox" href="http://localhost/dheejay/wp-content/uploads/2020/03/star-wars-2172948_1280.jpg" rel="gallery">2</a><br />
<a class="foobox" href="http://localhost/dheejay/wp-content/uploads/2020/03/darth-vader-1207142-scaled.jpg" rel="gallery">3</a>
</div>
	</div>	

</section><!-- .standard -->



<p>The post <a rel="nofollow" href="https://dheejay.com/dance-music/foobox/">FooBox</a> appeared first on <a rel="nofollow" href="https://dheejay.com">Dheejay</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://dheejay.com/dance-music/foobox/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Lightboxes</title>
		<link>https://dheejay.com/dance-music/lightboxes/</link>
					<comments>https://dheejay.com/dance-music/lightboxes/#respond</comments>
		
		<dc:creator><![CDATA[admin-dheejay]]></dc:creator>
		<pubDate>Wed, 10 Jun 2020 16:41:28 +0000</pubDate>
				<category><![CDATA[Dance Music]]></category>
		<guid isPermaLink="false">http://localhost/dheejay/?p=1384</guid>

					<description><![CDATA[<p>The post <a rel="nofollow" href="https://dheejay.com/dance-music/lightboxes/">Lightboxes</a> appeared first on <a rel="nofollow" href="https://dheejay.com">Dheejay</a>.</p>
]]></description>
										<content:encoded><![CDATA[

<section  class="bb-standard-block  boxed-md white-bg normal-text no-drop-cap ">
	
		

	<div class="standard-content-grid">
		
	</div>	

</section><!-- .standard -->



<p>The post <a rel="nofollow" href="https://dheejay.com/dance-music/lightboxes/">Lightboxes</a> appeared first on <a rel="nofollow" href="https://dheejay.com">Dheejay</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://dheejay.com/dance-music/lightboxes/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Multi Cover</title>
		<link>https://dheejay.com/dance-music/multi-cover/</link>
					<comments>https://dheejay.com/dance-music/multi-cover/#respond</comments>
		
		<dc:creator><![CDATA[admin-dheejay]]></dc:creator>
		<pubDate>Mon, 08 Jun 2020 12:05:19 +0000</pubDate>
				<category><![CDATA[Dance Music]]></category>
		<guid isPermaLink="false">http://localhost/dheejay/?p=1352</guid>

					<description><![CDATA[<p>The post <a rel="nofollow" href="https://dheejay.com/dance-music/multi-cover/">Multi Cover</a> appeared first on <a rel="nofollow" href="https://dheejay.com">Dheejay</a>.</p>
]]></description>
										<content:encoded><![CDATA[

<section id="text-hero" class=" banner-height boxed-lg white-bg normal-text ">
    <div class="text-hero-grid  centre">    
        <!-- Post/Page Title -->
        <h1 class="entry-title admin-preview-only">Post or Page Title</h1><h1 class="entry-title">Multi Cover</h1>      

        <div class="prelude
            no-intro">  


                
                    
            </div>

    </div>   <!-- END HERO GRID -->     
</section><!-- END HERO SECTION -->






<section  class="bb-standard-block  boxed-md white-bg normal-text no-drop-cap ">
	
				<h2>Inline SVG</h2>
		

	<div class="standard-content-grid">
		<p>    <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
        viewBox="0 0 1200 790" enable-background="new 0 0 1200 790" xml:space="preserve">
    <g id="logo">
        <path id="left-diamond" fill="#27323D" d="M443.9,21.1L671,246L445.1,470.9L216.9,246L443.9,21.1 M443.9,0L195.5,246l249.6,246
            l247.2-246L443.9,0L443.9,0z"/>
        <path id="right-diamond" fill="#27323D" d="M757.1,21.1L984.2,246L758.3,470.9L530.1,246L757.1,21.1 M757.1,0L508.7,246l249.6,246
            l247.2-246L757.1,0L757.1,0z"/>
        <polygon id="letter-k" fill="#27323D" points="487.4,297.4 472.9,297.4 433.5,247.9 411.6,269.9 411.6,297.4 400.1,297.4 
            400.1,195.1 411.6,195.1 411.6,256.2 470.6,195.1 485.5,195.1 441.5,239.8 487.4,297.4 	"/>
        <path id="letter-j" fill="#27323D" d="M756.6,298.1c-15.4,0-25.2-7.6-31.7-18.1l8.4-7.2c6.3,9.5,12.8,14.6,23.5,14.6
            c11.6,0,20.1-8.3,20.1-24.6v-68.6h11.7v68.4C788.6,286.3,774.9,298.1,756.6,298.1L756.6,298.1z"/>
        <path id="text" fill="#27323D" d="M60.9,680.6v-40.1H10v40.1H0v-89.1h10v39.6h50.9v-39.6h10v89.1H60.9L60.9,680.6z M162,682.2
            c-26.9,0-44.9-21.3-44.9-46c0-24.7,18.3-46.2,45.1-46.2c26.9,0,44.9,21.3,44.9,46C207.2,660.6,188.9,682.2,162,682.2L162,682.2z
            M162,599.3c-20.2,0-34.6,16.3-34.6,36.7c0,20.4,14.6,36.9,34.8,36.9c20.2,0,34.6-16.3,34.6-36.7
            C196.8,615.8,182.2,599.3,162,599.3L162,599.3z M328,680.6v-72.2l-32.2,47.7h-0.5l-32.2-47.6v72.1h-9.7v-89.1h10.1l32.2,48.6
            l32.2-48.6h10.1v89.1H328L328,680.6z M452.5,671.5v9.2h-64.4v-89.1h63.8v9.2h-53.8v30.4h48.2v9.2h-48.2v31.2H452.5L452.5,671.5z
            M613.2,634.6c10.5,3.2,18.9,9.3,18.9,21.6c0,15.4-12.7,24.4-32,24.4h-39.2v-89.1h37.6c17.4,0,28.7,8.7,28.7,22.3
            C627.2,625.5,620.1,631.5,613.2,634.6L613.2,634.6z M570.7,671.6h29.6c13.4,0,21.7-6,21.7-16c0-9.8-8.1-15.4-23.5-15.4h-27.9V671.6
            L570.7,671.6z M597.5,600.6h-26.9v30.7h26.1c12,0,20.3-5.5,20.3-16C617.1,606.3,610.2,600.6,597.5,600.6L597.5,600.6z M712.4,682
            c-21.8,0-36.7-13.5-36.7-38.7v-51.8h10v51.2c0,19.2,10.1,30,27,30c16.3,0,26.6-9.9,26.6-29.4v-51.8h10v51
            C749.2,668.5,734.5,682,712.4,682L712.4,682z M835.7,645.2v35.4h-10.1v-35.3l-36.7-53.9H801l29.8,44.6l30-44.6h11.6L835.7,645.2
            L835.7,645.2z M978,671.5v9.2h-64.4v-89.1h63.8v9.2h-53.8v30.4h48.2v9.2h-48.2v31.2H978L978,671.5z M1069.1,644.2l27.1,36.4H1084
            l-25.6-34.6h-25.2v34.6h-10v-89.1h38c19.4,0,31.9,10.6,31.9,26.6C1093.1,633,1083,641.7,1069.1,644.2L1069.1,644.2z M1060.4,600.8
            h-27.2V637h27.1c13.2,0,22.7-6.9,22.7-18.5C1083,607.4,1074.7,600.8,1060.4,600.8L1060.4,600.8z M1166.1,599.3
            c-11.5,0-18.8,6.4-18.8,14.5c0,8.5,4.5,13.2,24,17.4c19.7,4.3,28.8,11.6,28.8,25.3c0,15.4-12.6,25.3-30.1,25.3
            c-14,0-25.5-4.7-36.1-14.3l6.2-7.4c9.2,8.4,18,12.6,30.3,12.6c11.9,0,19.7-6.2,19.7-15.3c0-8.4-4.4-13.1-23-17.1
            c-20.3-4.5-29.6-11.1-29.6-25.8c0-14.3,12.2-24.4,29-24.4c12.9,0,22.1,3.7,31,10.9l-5.8,7.8
            C1183.4,602.2,1175.2,599.3,1166.1,599.3L1166.1,599.3z M506.8,790v-49.9h5.6v44.7h27.8v5.2H506.8L506.8,790z M597.5,745.3V790
            h-5.7v-44.7h-16.6v-5.2h38.8v5.2H597.5L597.5,745.3z M670,790h-17.2v-49.9H670c15.5,0,26.3,10.8,26.3,24.9
            C696.3,779.1,685.5,790,670,790L670,790z M670,745.3h-11.6v39.5H670c12.5,0,20.5-8.6,20.5-19.7C690.5,754,682.5,745.3,670,745.3
            L670,745.3z"/>
    </g>
    </svg></p>
	</div>	

</section><!-- .standard -->







<section  class="bb-standard-block  boxed-md white-bg normal-text no-drop-cap ">
	
		

	<div class="standard-content-grid">
		<p>I find your lack of faith disturbing. You mean it controls your actions? Remember, a Jedi can feel the Force flowing through him. I suggest you try it again, Luke. This time, let go your conscious self and act on instinct.</p>
<p>The more you tighten your grip, Tarkin, the more star systems will slip through your fingers. As you wish. The plans you refer to will soon be back in our hands. The more you tighten your grip, Tarkin, the more star systems will slip through your fingers.</p>
<p>Hey, Luke! May the Force be with you. Kid, I&#8217;ve flown from one side of this galaxy to the other. I&#8217;ve seen a lot of strange stuff, but I&#8217;ve never seen anything to make me believe there&#8217;s one all-powerful Force controlling everything. There&#8217;s no mystical energy field that controls my destiny. It&#8217;s all a lot of simple tricks and nonsense.</p>
<p>A tremor in the Force. The last time I felt it was in the presence of my old master. I find your lack of faith disturbing. Leave that to me. Send a distress signal, and inform the Senate that all on board were killed.</p>
<p>I call it luck. I call it luck. Still, she&#8217;s got a lot of spirit. I don&#8217;t know, what do you think? In my experience, there is no such thing as luck. Partially, but it also obeys your commands.</p>
<p>I care. So, what do you think of her, Han? What?! I care. So, what do you think of her, Han? I find your lack of faith disturbing. Escape is not his plan. I must face him, alone.</p>
<p>All right. Well, take care of yourself, Han. I guess that&#8217;s what you&#8217;re best at, ain&#8217;t it? Don&#8217;t be too proud of this technological terror you&#8217;ve constructed. The ability to destroy a planet is insignificant next to the power of the Force.</p>
<p>Look, I can take you as far as Anchorhead. You can get a transport there to Mos Eisley or wherever you&#8217;re going. I find your lack of faith disturbing. I have traced the Rebel spies to her. Now she is my only link to finding their secret base.</p>
<p>What?! You don&#8217;t believe in the Force, do you? But with the blast shield down, I can&#8217;t even see! How am I supposed to fight? A tremor in the Force. The last time I felt it was in the presence of my old master.</p>
<p>The plans you refer to will soon be back in our hands. You don&#8217;t believe in the Force, do you? Hokey religions and ancient weapons are no match for a good blaster at your side, kid. I want to come with you to Alderaan. There&#8217;s nothing for me here now. I want to learn the ways of the Force and be a Jedi, like my father before me.</p>
<p>Remember, a Jedi can feel the Force flowing through him. You&#8217;re all clear, kid. Let&#8217;s blow this thing and go home! I have traced the Rebel spies to her. Now she is my only link to finding their secret base.</p>
<p>He is here. You don&#8217;t believe in the Force, do you? Don&#8217;t underestimate the Force. I have traced the Rebel spies to her. Now she is my only link to finding their secret base.</p>
<p>You don&#8217;t believe in the Force, do you? Escape is not his plan. I must face him, alone. I don&#8217;t know what you&#8217;re talking about. I am a member of the Imperial Senate on a diplomatic mission to Alderaan&#8211;</p>
<p>I can&#8217;t get involved! I&#8217;ve got work to do! It&#8217;s not that I like the Empire, I hate it, but there&#8217;s nothing I can do about it right now. It&#8217;s such a long way from here. The more you tighten your grip, Tarkin, the more star systems will slip through your fingers.</p>
<p>You are a part of the Rebel Alliance and a traitor! Take her away! A tremor in the Force. The last time I felt it was in the presence of my old master. Still, she&#8217;s got a lot of spirit. I don&#8217;t know, what do you think?</p>
<p>Look, I can take you as far as Anchorhead. You can get a transport there to Mos Eisley or wherever you&#8217;re going. Dantooine. They&#8217;re on Dantooine. Don&#8217;t underestimate the Force. No! Alderaan is peaceful. We have no weapons. You can&#8217;t possibly…</p>
<p>She must have hidden the plans in the escape pod. Send a detachment down to retrieve them, and see to it personally, Commander. There&#8217;ll be no one to stop us this time! Red Five standing by. I have traced the Rebel spies to her. Now she is my only link to finding their secret base.</p>
<p>I want to come with you to Alderaan. There&#8217;s nothing for me here now. I want to learn the ways of the Force and be a Jedi, like my father before me. Don&#8217;t underestimate the Force. Look, I ain&#8217;t in this for your revolution, and I&#8217;m not in it for you, Princess. I expect to be well paid. I&#8217;m in it for the money.</p>
<p>Alderaan? I&#8217;m not going to Alderaan. I&#8217;ve got to go home. It&#8217;s late, I&#8217;m in for it as it is. No! Alderaan is peaceful. We have no weapons. You can&#8217;t possibly… She must have hidden the plans in the escape pod. Send a detachment down to retrieve them, and see to it personally, Commander. There&#8217;ll be no one to stop us this time!</p>
<p>What good is a reward if you ain&#8217;t around to use it? Besides, attacking that battle station ain&#8217;t my idea of courage. It&#8217;s more like…suicide. Escape is not his plan. I must face him, alone. Partially, but it also obeys your commands.</p>
	</div>	

</section><!-- .standard -->








<section  class="bb-multi-cover  secondary-col-bg normal-text narrow-gutter  ">

	<div class="multi-cover-intro-grid boxed-md">
						<h2>Multiple Cover</h2>
		
			</div>
	


			<div class="multi-cover-grid">

			<!-- blocks -->    

							<div class="multi-cover-grid-row  indented two-column-row">
					<div class="row-holder">
						<!-- row -->
						
							<!-- column -->
							
								<div id="" class="multi-cover-grid-column  dark-overlay light-text">
									<div class="multi-cover-bg-image">
										<img alt="" class=""  
											src="https://dheejay.com/wp-content/uploads/2020/03/chewbacca-of-star-wars-3526020.jpg" 
											srcset="https://dheejay.com/wp-content/uploads/2020/03/chewbacca-of-star-wars-3526020-1024x682.jpg 1024w,
											https://dheejay.com/wp-content/uploads/2020/03/chewbacca-of-star-wars-3526020-768x512.jpg 768w,
											https://dheejay.com/wp-content/uploads/2020/03/chewbacca-of-star-wars-3526020-300x200.jpg 300w,
											https://dheejay.com/wp-content/uploads/2020/03/chewbacca-of-star-wars-3526020-150x150.jpg 150w">									</div>  
									<div class="multi-cover-content">
										<p>What?! You&#8217;re all clear, kid. Let&#8217;s blow this thing and go home! Look, I ain&#8217;t in this for your revolution, and I&#8217;m not in it for you, Princess. I expect to be well paid. I&#8217;m in it for the money. Leave that to me. Send a distress signal, and inform the Senate that all on board were killed.</p>
									</div>
								</div>
				
							<!-- column -->
							
								<div id="" class="multi-cover-grid-column  light-overlay normal-text">
									<div class="multi-cover-bg-image">
										<img alt="" class=""  
											src="https://dheejay.com/wp-content/uploads/2020/03/star-wars-2082969_1280.jpg" 
											srcset="https://dheejay.com/wp-content/uploads/2020/03/star-wars-2082969_1280-1024x768.jpg 1024w,
											https://dheejay.com/wp-content/uploads/2020/03/star-wars-2082969_1280-768x576.jpg 768w,
											https://dheejay.com/wp-content/uploads/2020/03/star-wars-2082969_1280-300x225.jpg 300w,
											https://dheejay.com/wp-content/uploads/2020/03/star-wars-2082969_1280-150x150.jpg 150w">									</div>  
									<div class="multi-cover-content">
										<p>The more you tighten your grip, Tarkin, the more star systems will slip through your fingers. Ye-ha! A tremor in the Force. The last time I felt it was in the presence of my old master. He is here.</p>
<p>Kid, I&#8217;ve flown from one side of this galaxy to the other. I&#8217;ve seen a lot of strange stuff, but I&#8217;ve never seen anything to make me believe there&#8217;s one all-powerful Force controlling everything. There&#8217;s no mystical energy field that controls my destiny. It&#8217;s all a lot of simple tricks and nonsense. Escape is not his plan. I must face him, alone.</p>
									</div>
								</div>
				
							<!-- column -->
				
						<!-- ACF field row -->
					</div><!-- .row-holder -->
				</div><!-- .multi-cover-grid-row -->

			<!-- blocks -->

		</div>        
	</section><!-- .standard -->


<script>
//-----------------
// Multi Standard Block 
//-----------------
jQuery(window).on("load", function($){
   
   jQuery('.show-animations .bb-multi-cover.animated').each(function(){

       // ---- Multi Standard Heading FadeInUp ----

       var controller = new ScrollMagic.Controller();
       var tl = gsap.timeline();

       var blockIntro = jQuery(this).find('.multi-cover-intro-grid > *');

       // GSAP Animation
       tl.add('start');
       tl.from(blockIntro, { duration: 2, stagger: .5, opacity: 0, y: 100, ease: Power4.easeOut });

       // ScrollMagic Scene
       var scene = new ScrollMagic.Scene({
           triggerElement: this,
           triggerHook: 0.7,
           reverse: false
       })
    //    .addIndicators({
    //        indent: 5,
    //        name: "multi cover intro"
    //    })

       // Initialise
       .setTween(tl)
       .addTo(controller);   
   });

   jQuery('.show-animations .bb-multi-cover.animated .multi-cover-grid-row:not(.no-animation) .multi-cover-grid-column').each(function(){

       // ---- Multi cover Column Stagger FadeInUp ----

       var controller = new ScrollMagic.Controller();
    //    var tl = gsap.timeline();

    //    var blockImage = jQuery(this).find('.multi-cover-content');

       // GSAP Animation
    //    tl.add('start');
    //    tl.from(blockImage, { duration: 2, opacity: 0, stagger:.5, ease: Power4.easeOut });

       // ScrollMagic Scene
       var scene = new ScrollMagic.Scene({
           triggerElement: this,
           triggerHook: 0.7,
           reverse: false
       })
       .setClassToggle( this, "active")
    //    .addIndicators({
    //        indent: 200,
    //        name: "multi cover column"
    //    })

       // Initialise
    //    .setTween(tl)
       .addTo(controller);   
   });
});
</script>

<section  class="bb-multi-cover  dark-col-bg light-text narrow-gutter  animated">

	<div class="multi-cover-intro-grid boxed-md">
						<h2>Multiple Cover</h2>
		
			</div>
	


			<div class="multi-cover-grid">

			<!-- blocks -->    

							<div class="multi-cover-grid-row  indented two-column-row">
					<div class="row-holder">
						<!-- row -->
						
							<!-- column -->
							
								<div id="" class="multi-cover-grid-column  dark-overlay light-text">
									<div class="multi-cover-bg-image">
										<img alt="" class=""  
											src="https://dheejay.com/wp-content/uploads/2020/03/chewbacca-of-star-wars-3526020.jpg" 
											srcset="https://dheejay.com/wp-content/uploads/2020/03/chewbacca-of-star-wars-3526020-1024x682.jpg 1024w,
											https://dheejay.com/wp-content/uploads/2020/03/chewbacca-of-star-wars-3526020-768x512.jpg 768w,
											https://dheejay.com/wp-content/uploads/2020/03/chewbacca-of-star-wars-3526020-300x200.jpg 300w,
											https://dheejay.com/wp-content/uploads/2020/03/chewbacca-of-star-wars-3526020-150x150.jpg 150w">									</div>  
									<div class="multi-cover-content">
										<p>What?! You&#8217;re all clear, kid. Let&#8217;s blow this thing and go home! Look, I ain&#8217;t in this for your revolution, and I&#8217;m not in it for you, Princess. I expect to be well paid. I&#8217;m in it for the money. Leave that to me. Send a distress signal, and inform the Senate that all on board were killed.</p>
<div class="button-holder" style="text-align: center;"><a href="http://google.com">Google</a></div>
									</div>
								</div>
				
							<!-- column -->
							
								<div id="" class="multi-cover-grid-column  light-overlay normal-text">
									<div class="multi-cover-bg-image">
										<img alt="" class=""  
											src="https://dheejay.com/wp-content/uploads/2020/03/star-wars-2082969_1280.jpg" 
											srcset="https://dheejay.com/wp-content/uploads/2020/03/star-wars-2082969_1280-1024x768.jpg 1024w,
											https://dheejay.com/wp-content/uploads/2020/03/star-wars-2082969_1280-768x576.jpg 768w,
											https://dheejay.com/wp-content/uploads/2020/03/star-wars-2082969_1280-300x225.jpg 300w,
											https://dheejay.com/wp-content/uploads/2020/03/star-wars-2082969_1280-150x150.jpg 150w">									</div>  
									<div class="multi-cover-content">
										<p>The more you tighten your grip, Tarkin, the more star systems will slip through your fingers. Ye-ha! A tremor in the Force. The last time I felt it was in the presence of my old master. He is here.</p>
<p>Kid, I&#8217;ve flown from one side of this galaxy to the other. I&#8217;ve seen a lot of strange stuff, but I&#8217;ve never seen anything to make me believe there&#8217;s one all-powerful Force controlling everything. There&#8217;s no mystical energy field that controls my destiny. It&#8217;s all a lot of simple tricks and nonsense. Escape is not his plan. I must face him, alone.</p>
<div class="button-holder" style="text-align: center;"><a href="http://google.com">Google</a></div>
									</div>
								</div>
				
							<!-- column -->
				
						<!-- ACF field row -->
					</div><!-- .row-holder -->
				</div><!-- .multi-cover-grid-row -->

			<!-- blocks -->

		</div>        
	</section><!-- .standard -->




<section  class="bb-multi-cover  dark-col-bg light-text no-gutter no-padding-top no-padding-bottom animated">

	<div class="multi-cover-intro-grid boxed-md">
		
			</div>
	


			<div class="multi-cover-grid">

			<!-- blocks -->    

							<div class="multi-cover-grid-row  full-width two-column-row">
					<div class="row-holder">
						<!-- row -->
						
							<!-- column -->
							
								<div id="" class="multi-cover-grid-column  dark-overlay light-text">
									<div class="multi-cover-bg-image">
										<img alt="" class=""  
											src="https://dheejay.com/wp-content/uploads/2020/03/chewbacca-of-star-wars-3526020.jpg" 
											srcset="https://dheejay.com/wp-content/uploads/2020/03/chewbacca-of-star-wars-3526020-1024x682.jpg 1024w,
											https://dheejay.com/wp-content/uploads/2020/03/chewbacca-of-star-wars-3526020-768x512.jpg 768w,
											https://dheejay.com/wp-content/uploads/2020/03/chewbacca-of-star-wars-3526020-300x200.jpg 300w,
											https://dheejay.com/wp-content/uploads/2020/03/chewbacca-of-star-wars-3526020-150x150.jpg 150w">									</div>  
									<div class="multi-cover-content">
										<p>What?! You&#8217;re all clear, kid. Let&#8217;s blow this thing and go home! Look, I ain&#8217;t in this for your revolution, and I&#8217;m not in it for you, Princess. I expect to be well paid. I&#8217;m in it for the money. Leave that to me. Send a distress signal, and inform the Senate that all on board were killed.</p>
<div class="button-holder" style="text-align: center;"><a href="http://google.com">Google</a></div>
									</div>
								</div>
				
							<!-- column -->
							
								<div id="" class="multi-cover-grid-column  light-overlay normal-text">
									<div class="multi-cover-bg-image">
										<img alt="" class=""  
											src="https://dheejay.com/wp-content/uploads/2020/03/star-wars-2082969_1280.jpg" 
											srcset="https://dheejay.com/wp-content/uploads/2020/03/star-wars-2082969_1280-1024x768.jpg 1024w,
											https://dheejay.com/wp-content/uploads/2020/03/star-wars-2082969_1280-768x576.jpg 768w,
											https://dheejay.com/wp-content/uploads/2020/03/star-wars-2082969_1280-300x225.jpg 300w,
											https://dheejay.com/wp-content/uploads/2020/03/star-wars-2082969_1280-150x150.jpg 150w">									</div>  
									<div class="multi-cover-content">
										<p>The more you tighten your grip, Tarkin, the more star systems will slip through your fingers. Ye-ha! A tremor in the Force. The last time I felt it was in the presence of my old master. He is here.</p>
<p>Kid, I&#8217;ve flown from one side of this galaxy to the other. I&#8217;ve seen a lot of strange stuff, but I&#8217;ve never seen anything to make me believe there&#8217;s one all-powerful Force controlling everything. There&#8217;s no mystical energy field that controls my destiny. It&#8217;s all a lot of simple tricks and nonsense. Escape is not his plan. I must face him, alone.</p>
<div class="button-holder" style="text-align: center;"><a href="http://google.com">Google</a></div>
									</div>
								</div>
				
							<!-- column -->
				
						<!-- ACF field row -->
					</div><!-- .row-holder -->
				</div><!-- .multi-cover-grid-row -->

			<!-- blocks -->    

							<div class="multi-cover-grid-row  full-width one-column-row">
					<div class="row-holder">
						<!-- row -->
						
							<!-- column -->
							
								<div id="" class="multi-cover-grid-column  dark-overlay light-text">
									<div class="multi-cover-bg-image">
										<img alt="" class=""  
											src="https://dheejay.com/wp-content/uploads/2020/03/darth-vader-1207142-scaled.jpg" 
											srcset="https://dheejay.com/wp-content/uploads/2020/03/darth-vader-1207142-1024x680.jpg 1024w,
											https://dheejay.com/wp-content/uploads/2020/03/darth-vader-1207142-768x510.jpg 768w,
											https://dheejay.com/wp-content/uploads/2020/03/darth-vader-1207142-300x199.jpg 300w,
											https://dheejay.com/wp-content/uploads/2020/03/darth-vader-1207142-150x150.jpg 150w">									</div>  
									<div class="multi-cover-content">
										<p>Dantooine. They&#8217;re on Dantooine. You are a part of the Rebel Alliance and a traitor! Take her away! Look, I ain&#8217;t in this for your revolution, and I&#8217;m not in it for you, Princess. I expect to be well paid. I&#8217;m in it for the money.</p>
<p>No! Alderaan is peaceful. We have no weapons. You can&#8217;t possibly… She must have hidden the plans in the escape pod. Send a detachment down to retrieve them, and see to it personally, Commander. There&#8217;ll be no one to stop us this time!</p>
									</div>
								</div>
				
							<!-- column -->
				
						<!-- ACF field row -->
					</div><!-- .row-holder -->
				</div><!-- .multi-cover-grid-row -->

			<!-- blocks -->

		</div>        
	</section><!-- .standard --><p>The post <a rel="nofollow" href="https://dheejay.com/dance-music/multi-cover/">Multi Cover</a> appeared first on <a rel="nofollow" href="https://dheejay.com">Dheejay</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://dheejay.com/dance-music/multi-cover/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Section BG Change</title>
		<link>https://dheejay.com/dance-music/section-bg-change/</link>
					<comments>https://dheejay.com/dance-music/section-bg-change/#respond</comments>
		
		<dc:creator><![CDATA[admin-dheejay]]></dc:creator>
		<pubDate>Fri, 05 Jun 2020 13:44:29 +0000</pubDate>
				<category><![CDATA[Dance Music]]></category>
		<guid isPermaLink="false">http://localhost/dheejay/?p=1326</guid>

					<description><![CDATA[<p>The post <a rel="nofollow" href="https://dheejay.com/dance-music/section-bg-change/">Section BG Change</a> appeared first on <a rel="nofollow" href="https://dheejay.com">Dheejay</a>.</p>
]]></description>
										<content:encoded><![CDATA[

<section id="banner-hero" class="">
	<!-- Hero Image -->
	<div class="post-thumbnail">	
		<img width="2560" height="1701" src="https://dheejay.com/wp-content/uploads/2020/03/darth-vader-1207142-scaled.jpg" class="no-lazy-load wp-post-image" alt="" srcset="https://dheejay.com/wp-content/uploads/2020/03/darth-vader-1207142-scaled.jpg 2560w, https://dheejay.com/wp-content/uploads/2020/03/darth-vader-1207142-300x199.jpg 300w, https://dheejay.com/wp-content/uploads/2020/03/darth-vader-1207142-1024x680.jpg 1024w, https://dheejay.com/wp-content/uploads/2020/03/darth-vader-1207142-768x510.jpg 768w, https://dheejay.com/wp-content/uploads/2020/03/darth-vader-1207142-1536x1020.jpg 1536w, https://dheejay.com/wp-content/uploads/2020/03/darth-vader-1207142-2048x1361.jpg 2048w" sizes="(max-width: 2560px) 100vw, 2560px" />  
	</div>

	<div class="hero-banner-content text-centre medium-width-content dark-overlay light-text  ">
		
		<div class="hero-banner-grid">	
			<header>
					<!-- Alt text for screen readers -->
					
					<!-- Post/Page Title -->
					<h1 class="entry-title admin-preview-only">Post or Page Title</h1><h1 class="entry-title">Section BG Change</h1>
				</header>
		</div>
    </div>
</section><!-- END HERO SECTION -->


<div class="prelude boxed-md white-bg normal-text no-intro">  

    
        
</div>


<div class="wp-block-group bg-change-group"><div class="wp-block-group__inner-container">

<section  class="bb-standard-block  boxed-md dark-col-bg light-text no-drop-cap ">
	
				<h2>Heading</h2>
		

	<div class="standard-content-grid">
		<p>I want to come with you to Alderaan. There&#8217;s nothing for me here now. I want to learn the ways of the Force and be a Jedi, like my father before me. Oh God, my uncle. How am I ever gonna explain this? I&#8217;m trying not to, kid.</p>
<p>Still, she&#8217;s got a lot of spirit. I don&#8217;t know, what do you think? The Force is strong with this one. I have you now. I don&#8217;t know what you&#8217;re talking about. I am a member of the Imperial Senate on a diplomatic mission to Alderaan&#8211;</p>
<p>You&#8217;re all clear, kid. Let&#8217;s blow this thing and go home! The plans you refer to will soon be back in our hands. Your eyes can deceive you. Don&#8217;t trust them. Red Five standing by. Ye-ha!</p>
<p>The Force is strong with this one. I have you now. In my experience, there is no such thing as luck. Leave that to me. Send a distress signal, and inform the Senate that all on board were killed. Red Five standing by.</p>
<p>I suggest you try it again, Luke. This time, let go your conscious self and act on instinct. Don&#8217;t underestimate the Force. I don&#8217;t know what you&#8217;re talking about. I am a member of the Imperial Senate on a diplomatic mission to Alderaan.</p>
	</div>	

</section><!-- .standard -->







<section  class="bb-standard-block  boxed-md primary-col-bg light-text no-drop-cap ">
	
				<h2>Heading 2</h2>
		

	<div class="standard-content-grid">
		<p>I have traced the Rebel spies to her. Now she is my only link to finding their secret base. What?! You don&#8217;t believe in the Force, do you? As you wish. Escape is not his plan. I must face him, alone.</p>
<p>What!? Don&#8217;t underestimate the Force. He is here. Don&#8217;t be too proud of this technological terror you&#8217;ve constructed. The ability to destroy a planet is insignificant next to the power of the Force. The more you tighten your grip, Tarkin, the more star systems will slip through your fingers.</p>
	</div>	

</section><!-- .standard -->







<section  class="bb-standard-block  boxed-md tertiary-col-bg light-text no-drop-cap ">
	
				<h2>Heading 3</h2>
		

	<div class="standard-content-grid">
		<p>He is here. A tremor in the Force. The last time I felt it was in the presence of my old master. You mean it controls your actions? I care. So, what do you think of her, Han?</p>
<p>Dantooine. They&#8217;re on Dantooine. Don&#8217;t act so surprised, Your Highness. You weren&#8217;t on any mercy mission this time. Several transmissions were beamed to this ship by Rebel spies. I want to know what happened to the plans they sent you.</p>
<p>Hokey religions and ancient weapons are no match for a good blaster at your side, kid. Partially, but it also obeys your commands. You mean it controls your actions? Don&#8217;t underestimate the Force. Still, she&#8217;s got a lot of spirit. I don&#8217;t know, what do you think?</p>
	</div>	

</section><!-- .standard -->



</div></div>
<p>The post <a rel="nofollow" href="https://dheejay.com/dance-music/section-bg-change/">Section BG Change</a> appeared first on <a rel="nofollow" href="https://dheejay.com">Dheejay</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://dheejay.com/dance-music/section-bg-change/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Sliders</title>
		<link>https://dheejay.com/dance-music/sliders/</link>
					<comments>https://dheejay.com/dance-music/sliders/#respond</comments>
		
		<dc:creator><![CDATA[admin-dheejay]]></dc:creator>
		<pubDate>Fri, 08 May 2020 18:53:26 +0000</pubDate>
				<category><![CDATA[Dance Music]]></category>
		<guid isPermaLink="false">http://localhost/dheejay/?p=1229</guid>

					<description><![CDATA[<p>The post <a rel="nofollow" href="https://dheejay.com/dance-music/sliders/">Sliders</a> appeared first on <a rel="nofollow" href="https://dheejay.com">Dheejay</a>.</p>
]]></description>
										<content:encoded><![CDATA[


<script>
jQuery(document).ready(function ($) {

    $('.bb-testimonial').each(function(key, item) {

        var $slickElement = $(this).find('.testimonial-slider');

        var sliderIdName = 'testimonialSlider' + key;
        $slickElement.attr("id", sliderIdName);
        var sliderId = '#' + sliderIdName;
        
        $(this).append('<div class="testimonial-slider-counter"><span class="testimonial-slider-current"></span><span class="slider-separator"></span><span class="testimonial-slider-total"></span></div>');
 
        var $slickCurrent = $(this).find('.testimonial-slider-current'); 
        var $slickTotal = $(this).find('.testimonial-slider-total');        
        var $status = $(this).find('.testimonial-slider-counter span');

        $slickElement.on('init', function(event, slick) {
            
            $slickCurrent.text(slick.currentSlide + 1);
            $slickTotal.text(slick.slideCount);
        })

        $($slickElement).slick({
            slidesToShow: 1,
            slidesToScroll: 1,
            arrows: true,
            fade: true,
            // asNavFor: sliderNavId
        });

        $slickElement.on('beforeChange', function(event, slick, currentSlide, nextSlide) {
            $slickCurrent.text(nextSlide + 1);
        });

    });
});
</script>

<section  class="bb-testimonial indented slider-centre-nav hide-dots  white-bg normal-text ">
    <!-- Testimonial Heading -->
                <h2>Testimonials</h2>
    
    <!-- Testimonial Intro -->
            <div class="testimonial-intro ">
            <p>Dantooine. They&#8217;re on Dantooine. What?! You mean it controls your actions? She must have hidden the plans in the escape pod. Send a detachment down to retrieve them, and see to it personally, Commander. There&#8217;ll be no one to stop us this time!</p>
        </div>
    

    <div class="testimonial-slider slick-container">
                    <blockquote class="light-background">

                <!-- Testifier Image -->
                
                <!-- Testifier Quote -->
                <div class="testimonial-content">
                    <p>As you can see, my young apprentice, your friends have failed. Now witness the firepower of this fully armed and operational battle station. Fire at will, Commander. Fire!</p>
                    

                    <!-- Testifier Info -->
                    <cite>

                        <!-- Rating -->

                        
                        

                        <!-- Name -->
                        <span class="name"></span>

                        <!-- Position -->
                                                
                        <!-- Source of Info -->
											</cite>
                </div>
            </blockquote><!-- end blockquote -->
                    <blockquote class="light-background">

                <!-- Testifier Image -->
                
                <!-- Testifier Quote -->
                <div class="testimonial-content">
                    <p>This is a Rebel that surrendered to us. Although he denies it, I believe there may be more of them, and I request permission to conduct a further search of the area.</p>
                    

                    <!-- Testifier Info -->
                    <cite>

                        <!-- Rating -->

                        
                        

                        <!-- Name -->
                        <span class="name"></span>

                        <!-- Position -->
                                                
                        <!-- Source of Info -->
											</cite>
                </div>
            </blockquote><!-- end blockquote -->
            </div><!-- end container -->

     <!-- end if have rows -->
    <!-- <div class="testimonial-slider-counter"><span></span></div> -->
</section>






<section  class="bb-testimonial indented slider-centre-nav hide-dots  primary-col-bg light-text ">
    <!-- Testimonial Heading -->
                <h2>Testimonials</h2>
    
    <!-- Testimonial Intro -->
            <div class="testimonial-intro ">
            <p>Dantooine. They&#8217;re on Dantooine. What?! You mean it controls your actions? She must have hidden the plans in the escape pod. Send a detachment down to retrieve them, and see to it personally, Commander. There&#8217;ll be no one to stop us this time!</p>
        </div>
    

    <div class="testimonial-slider slick-container">
                    <blockquote class="light-background">

                <!-- Testifier Image -->
                
                <!-- Testifier Quote -->
                <div class="testimonial-content">
                    <p>Hokey religions and ancient weapons are no match for a good blaster at your side, kid. As you wish. I&#8217;m trying not to, kid. Still, she&#8217;s got a lot of spirit. I don&#8217;t know, what do you think? Don&#8217;t act so surprised, Your Highness. You weren&#8217;t on any mercy mission this time. Several transmissions were beamed to this ship by Rebel spies. I want to know what happened to the plans they sent you.</p>
<p>All right. Well, take care of yourself, Han. I guess that&#8217;s what you&#8217;re best at, ain&#8217;t it? Dantooine. They&#8217;re on Dantooine. Kid, I&#8217;ve flown from one side of this galaxy to the other. I&#8217;ve seen a lot of strange stuff, but I&#8217;ve never seen anything to make me believe there&#8217;s one all-powerful Force controlling everything. There&#8217;s no mystical energy field that controls my destiny. It&#8217;s all a lot of simple tricks and nonsense.</p>
<p>I can&#8217;t get involved! I&#8217;ve got work to do! It&#8217;s not that I like the Empire, I hate it, but there&#8217;s nothing I can do about it right now. It&#8217;s such a long way from here. Red Five standing by. Remember, a Jedi can feel the Force flowing through him.</p>
                    

                    <!-- Testifier Info -->
                    <cite>

                        <!-- Rating -->

                                                    <div class="rating">
                                <span class="five-stars-icon">5 Stars</span>
                            </div>
                        
                        

                        <!-- Name -->
                        <span class="name">Han Solo</span>

                        <!-- Position -->
                                                    <span class="position">Smuggler</span>
                                                
                        <!-- Source of Info -->
						                            <div class="source"><p>Millennium Falcon</p>
</div>
                        					</cite>
                </div>
            </blockquote><!-- end blockquote -->
                    <blockquote class="light-background">

                <!-- Testifier Image -->
                
                <!-- Testifier Quote -->
                <div class="testimonial-content">
                    <p>This is a Rebel that surrendered to us. Although he denies it, I believe there may be more of them, and I request permission to conduct a further search of the area.</p>
                    

                    <!-- Testifier Info -->
                    <cite>

                        <!-- Rating -->

                        
                        

                        <!-- Name -->
                        <span class="name"></span>

                        <!-- Position -->
                                                
                        <!-- Source of Info -->
											</cite>
                </div>
            </blockquote><!-- end blockquote -->
            </div><!-- end container -->

     <!-- end if have rows -->
    <!-- <div class="testimonial-slider-counter"><span></span></div> -->
</section><p>The post <a rel="nofollow" href="https://dheejay.com/dance-music/sliders/">Sliders</a> appeared first on <a rel="nofollow" href="https://dheejay.com">Dheejay</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://dheejay.com/dance-music/sliders/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Services Blocks</title>
		<link>https://dheejay.com/dance-music/services-blocks/</link>
					<comments>https://dheejay.com/dance-music/services-blocks/#respond</comments>
		
		<dc:creator><![CDATA[admin-dheejay]]></dc:creator>
		<pubDate>Fri, 08 May 2020 18:16:07 +0000</pubDate>
				<category><![CDATA[Dance Music]]></category>
		<guid isPermaLink="false">http://localhost/dheejay/?p=1224</guid>

					<description><![CDATA[<p>The post <a rel="nofollow" href="https://dheejay.com/dance-music/services-blocks/">Services Blocks</a> appeared first on <a rel="nofollow" href="https://dheejay.com">Dheejay</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<script>
//-----------------
// Services Block
//-----------------
jQuery(window).on("load", function($){
   
   jQuery('.show-animations [class^="bb-services"].animated').each(function(){

       // ---- Services Heading FadeInUp ----

       var controller = new ScrollMagic.Controller();
       var tl = gsap.timeline();

       var blockTitle = jQuery(this).find('>h2');

       // GSAP Animation
       tl.from(blockTitle, { duration: 2, opacity: 0, y: 100, ease: Power4.easeOut });

       // ScrollMagic Scene
       var scene = new ScrollMagic.Scene({
           triggerElement: this,
           triggerHook: 0.7,
           reverse: false
       })
       // .addIndicators({
       //     indent: 5,
       //     name: "service title"
       // })

       // Initialise
       .setTween(tl)
       .addTo(controller);   
   });

   jQuery('.js.show-animations [class^="bb-services"].animated .service-card').each(function(){

       // ---- Service Card Add Class -> Animation in block-styles.css ----

       var controller = new ScrollMagic.Controller();

       // ScrollMagic Scene
       var scene = new ScrollMagic.Scene({
           triggerElement: this,
           triggerHook: 0.7,
           reverse: false,
        //    offset: -100
       })
       .setClassToggle( this, "active")
    //    .addIndicators({
    //        indent: 5,
    //        name: "service card"
    //    })

       // Initialise
    //    .setTween(tl)
       .addTo(controller);   
   });

//    jQuery('.show-animations [class^="bb-services"].animated .button-holder').each(function(){

//     // ---- Services Heading FadeInUp ----

//     var controller = new ScrollMagic.Controller();
//     var tl = gsap.timeline();

//     var serviceButton = jQuery(this);

//     // GSAP Animation
//     tl.from(serviceButton, { duration: 2, opacity: 0, y: 100, ease: Power4.easeOut });

//     // ScrollMagic Scene
//     var scene = new ScrollMagic.Scene({
//         triggerElement: this,
//         triggerHook: 0.7,
//         reverse: false,
//         offset: -200
//     })
//     // .addIndicators({
//     //     indent: 5,
//     //     name: "services button"
//     // })

//     // Initialise
//     .setTween(tl)
//     .addTo(controller);   
//     });

});
</script>

<section  class="bb-services-icon  white-bg indented normal-text animated">

    <!-- Services Heading -->
                <h2>Services Block</h2>
    
    <!-- Services List -->
    <div class="service-grid three-column-block">

                            
                                    
                    <div class="service-card">
                        <div class="service-image">
                            <img src="https://dheejay.com/wp-content/uploads/2020/03/Asset-2.png" class="no-lazy-load" alt="" />
                        </div>

                        <div class="service-text">
                            <p>He was armed only with this. Good work, Commander. Leave us.</p>

                                                        <div class="button-holder">
                                <a class="button" href="http://google.com" target="">Button</a>
                            </div>
                            
                        </div> 
                        


                    </div>
        
                                    
                    <div class="service-card">
                        <div class="service-image">
                            <img src="https://dheejay.com/wp-content/uploads/2020/03/Asset-1.png" class="no-lazy-load" alt="" />
                        </div>

                        <div class="service-text">
                            <p>This is a Rebel that surrendered to us. Although he denies it, I believe there may be more of them, and I request permission to conduct a further search of the area.</p>

                                                        <div class="button-holder">
                                <a class="button" href="http://google.com" target="">Google</a>
                            </div>
                            
                        </div> 
                        


                    </div>
        
                                    
                    <div class="service-card">
                        <div class="service-image">
                            <img src="https://dheejay.com/wp-content/uploads/2020/03/Asset-3.png" class="no-lazy-load" alt="" />
                        </div>

                        <div class="service-text">
                            <p>As you can see, my young apprentice, your friends have failed. Now witness the firepower of this fully armed and operational battle station. Fire at will, Commander. Fire!</p>

                            
                        </div> 
                        


                    </div>
        
                        
                    
    </div><!-- End .service-grid -->

            
        <div class="call-to-action button-holder">
            <a class="button" href="http://msn.com" target="">Call to Action</a>
        </div>
     

    
</section>




<section  class="bb-services-icon  tertiary-col-bg boxed-lg light-text ">

    <!-- Services Heading -->
                <h2>Services Block</h2>
    
    <!-- Services List -->
    <div class="service-grid two-column-block">

                            
                                    
                    <div class="service-card">
                        <div class="service-image">
                            <img src="https://dheejay.com/wp-content/uploads/2020/03/Asset-1.png" class="no-lazy-load" alt="" />
                        </div>

                        <div class="service-text">
                            <p>This is a Rebel that surrendered to us. Although he denies it, I believe there may be more of them, and I request permission to conduct a further search of the area.</p>

                                                        <div class="button-holder">
                                <a class="button" href="http://google.com" target="">Google</a>
                            </div>
                            
                        </div> 
                        


                    </div>
        
                                    
                    <div class="service-card">
                        <div class="service-image">
                            <img src="https://dheejay.com/wp-content/uploads/2020/03/Asset-3.png" class="no-lazy-load" alt="" />
                        </div>

                        <div class="service-text">
                            <p>As you can see, my young apprentice, your friends have failed. Now witness the firepower of this fully armed and operational battle station. Fire at will, Commander. Fire!</p>

                            
                        </div> 
                        


                    </div>
        
                        
                    
    </div><!-- End .service-grid -->

            
        <div class="call-to-action button-holder">
            <a class="button" href="http://msn.com" target="">Call to Action</a>
        </div>
     

    
</section>




<section  class="bb-services-image  white-bg indented normal-text animated">

    <!-- Services Heading -->
                <h2>Services Image Block</h2>
    
    <!-- Services List -->
    <div class="service-grid three-column-block">

                            
                                    
                    <div class="service-card">
                        <div class="service-image">
                            <img src="https://dheejay.com/wp-content/uploads/2020/03/darth-vader-1207142-scaled.jpg" alt="" />
                        </div>

                        <div class="service-text">
                            <p>Conduct your search and bring his companions to me. Yes, my Lord.</p>
                                                    </div>                        
                    </div>
        
                                    
                    <div class="service-card">
                        <div class="service-image">
                            <img src="https://dheejay.com/wp-content/uploads/2020/03/star-wars-2172955_1280.jpg" alt="" />
                        </div>

                        <div class="service-text">
                            <p>he Emperor has been expecting you. I know, father. So, you have accepted the truth.</p>
                                                        <div class="button-holder">
                                <a class="button" href="http://msn.com" target="">Button</a>
                            </div>
                                                    </div>                        
                    </div>
        
                                    
                    <div class="service-card">
                        <div class="service-image">
                            <img src="https://dheejay.com/wp-content/uploads/2020/03/star-wars-2172948_1280.jpg" alt="" />
                        </div>

                        <div class="service-text">
                            <p>I’ve accepted the truth that you were once Anakin Skywalker, my father. That name no longer has any meaning for me.</p>
                                                    </div>                        
                    </div>
        
                        
                    
    </div><!-- End .service-grid -->

            
        <div class="call-to-action button-holder">
            <a class="button" href="http://msn.com" target="">Call To Action</a>
        </div>
     

</section>




<section  class="bb-services-image  primary-col-bg boxed-lg dark-col-text ">

    <!-- Services Heading -->
                <h2>Services Image Block</h2>
    
    <!-- Services List -->
    <div class="service-grid two-column-block">

                            
                                    
                    <div class="service-card">
                        <div class="service-image">
                            <img src="https://dheejay.com/wp-content/uploads/2020/03/star-wars-2172955_1280.jpg" alt="" />
                        </div>

                        <div class="service-text">
                            <p>he Emperor has been expecting you. I know, father. So, you have accepted the truth.</p>
                                                        <div class="button-holder">
                                <a class="button" href="http://msn.com" target="">Button</a>
                            </div>
                                                    </div>                        
                    </div>
        
                                    
                    <div class="service-card">
                        <div class="service-image">
                            <img src="https://dheejay.com/wp-content/uploads/2020/03/star-wars-2172948_1280.jpg" alt="" />
                        </div>

                        <div class="service-text">
                            <p>I’ve accepted the truth that you were once Anakin Skywalker, my father. That name no longer has any meaning for me.</p>
                                                    </div>                        
                    </div>
        
                        
                    
    </div><!-- End .service-grid -->

            
        <div class="call-to-action button-holder">
            <a class="button" href="http://msn.com" target="">Call To Action</a>
        </div>
     

</section>






<section  class="bb-testimonial indented slider-centre-nav hide-dots  white-bg normal-text ">
    <!-- Testimonial Heading -->
                <h2>Testimonials</h2>
    
    <!-- Testimonial Intro -->
    

    <div class="testimonial-slider slick-container">
                    <blockquote class="light-background">

                <!-- Testifier Image -->
                
                <!-- Testifier Quote -->
                <div class="testimonial-content">
                    <p>This is some placeholder text for your section. Always make sure that you have replaced this dummy content with your own before publishing anything online.</p>
                    

                    <!-- Testifier Info -->
                    <cite>

                        <!-- Rating -->

                        
                        

                        <!-- Name -->
                        <span class="name"></span>

                        <!-- Position -->
                                                
                        <!-- Source of Info -->
											</cite>
                </div>
            </blockquote><!-- end blockquote -->
                    <blockquote class="light-background">

                <!-- Testifier Image -->
                
                <!-- Testifier Quote -->
                <div class="testimonial-content">
                    <p>This is some placeholder text for your section. Always make sure that you have replaced this dummy content with your own before publishing anything online.</p>
                    

                    <!-- Testifier Info -->
                    <cite>

                        <!-- Rating -->

                        
                        

                        <!-- Name -->
                        <span class="name"></span>

                        <!-- Position -->
                                                
                        <!-- Source of Info -->
											</cite>
                </div>
            </blockquote><!-- end blockquote -->
            </div><!-- end container -->

     <!-- end if have rows -->
    <!-- <div class="testimonial-slider-counter"><span></span></div> -->
</section><p>The post <a rel="nofollow" href="https://dheejay.com/dance-music/services-blocks/">Services Blocks</a> appeared first on <a rel="nofollow" href="https://dheejay.com">Dheejay</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://dheejay.com/dance-music/services-blocks/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Block Animations</title>
		<link>https://dheejay.com/dance-music/block-animations/</link>
					<comments>https://dheejay.com/dance-music/block-animations/#respond</comments>
		
		<dc:creator><![CDATA[admin-dheejay]]></dc:creator>
		<pubDate>Thu, 09 Apr 2020 14:45:41 +0000</pubDate>
				<category><![CDATA[Dance Music]]></category>
		<guid isPermaLink="false">http://localhost/foundation/?p=877</guid>

					<description><![CDATA[<p>The post <a rel="nofollow" href="https://dheejay.com/dance-music/block-animations/">Block Animations</a> appeared first on <a rel="nofollow" href="https://dheejay.com">Dheejay</a>.</p>
]]></description>
										<content:encoded><![CDATA[

<section id="text-hero" class=" banner-height boxed-md white-bg normal-text ">
    <div class="text-hero-grid  centre">    
        <!-- Post/Page Title -->
        <h1 class="entry-title admin-preview-only">Post or Page Title</h1><h1 class="entry-title">Block Animations</h1>      

        <div class="prelude
            no-intro">  


                
                    
            </div>

    </div>   <!-- END HERO GRID -->     
</section><!-- END HERO SECTION -->





<div class="wp-block-group reveal-section"><div class="wp-block-group__inner-container">

<section  class="bb-standard-block  boxed-md secondary-col-bg normal-text no-drop-cap ">
	
				<h2>Group Reveal</h2>
		

	<div class="standard-content-grid">
		<p>Come on! You want me to stay because of the way you feel about me. Yes. You&#8217;re a great help to us. You&#8217;re a natural leader&#8230; No! That&#8217;s not it. Come on. Aahhh &#8211; uh huh! Come on. You&#8217;re imagining things. Am I? Then why are you following me? Afraid I was going to leave without giving you a goodbye kiss? I&#8217;d just as soon kiss a Wookiee. I can arrange that. You could use a good kiss!</p>
<p>All troops will debark for ground assault. Prepare to target the main generator. Rouge Two, are you all right? Yeah. I&#8217;m with you, Rouge Leader. We&#8217;ll set harpoon. I&#8217;ll cover for you. Coming around. Watch that cross fire, boys. Set for position three. Steady. Stay tight and low. Hobbie, I&#8217;ve been hit!</p>
<p>Steady, Rouge Two Activate harpoon. Good shot, Janson. One more pass. Coming around. Once more. One more. Cable out! Let her go! Detach cable. Cable detached. Come on! Whooha!! That got him! I see it, Wedge. Good work. I don&#8217;t think we can protect two transports at a time. It&#8217;s risky, but we can&#8217;t hold out much longer. We have no choice. Launch patrols. Evacuate remaining ground staff. No, no! No! This one goes there, that one goes there. right? Artoo, you take good care of Master Luke now, understand? And&#8230;do take care of yourself. Oh, dear, oh, dear.</p>
<p>Artoo! You be more careful. Artoo &#8211; that way! Artoo! Oh, no! Are you all right? Come on. You&#8217;re lucky you don&#8217;t taste very good. Anything broken? If you&#8217;re saying coming here was a bad idea, I&#8217;m beginning to agree with you. Oh, Artoo, what are we doing here? It&#8217;s like&#8230; something out of a dream, or, I don&#8217;t know. Maybe I&#8217;m just going crazy.</p>
	</div>	

</section><!-- .standard -->







<!-- About Block  -->

<section  class="bb-about  boxed-lg white-bg normal-text about-img-right no-shadow ">

    <div class="about-grid">
        <!-- About Mobile Heading -->
                    <h2 class="mobile-only">About Block Heading</h2>
        
        <!-- About Image -->
        <div class="about-image about-img-right">
            <img alt="" class=""  
                src="https://dheejay.com/wp-content/uploads/2020/03/chewbacca-of-star-wars-3526020-1024x682.jpg" 
                srcset="https://dheejay.com/wp-content/uploads/2020/03/chewbacca-of-star-wars-3526020-1024x682.jpg 1024w,
                https://dheejay.com/wp-content/uploads/2020/03/chewbacca-of-star-wars-3526020-768x512.jpg 768w,
                https://dheejay.com/wp-content/uploads/2020/03/chewbacca-of-star-wars-3526020-300x200.jpg 300w,
                https://dheejay.com/wp-content/uploads/2020/03/chewbacca-of-star-wars-3526020-150x150.jpg 150w">        </div>        
        
        <div class="about-text">
            <!-- About Desktop Heading -->
                            <h2 class="desktop-only">About Block Heading</h2>
                        <!-- About text -->
                            <p>This is some placeholder text for your section. Always make sure that you have replaced this dummy content with your own before publishing anything online.</p>
            


            <!-- About Button -->
             
        </div>
    </div>

</section></div></div>



<script>
//-----------------
// Data Table Block 
//-----------------
jQuery(window).on("load", function($){
   
   jQuery('.show-animations .bb-data-table.animated').each(function(){

       // ---- Data Table Text FadeInUp ----
       // ---- Data Table Images stagger FadeInUp ----

       var controller = new ScrollMagic.Controller();
       var tl = gsap.timeline();

       var tableTitle = jQuery(this).find('h2');
       var tableHead = jQuery(this).find('thead');
       var tableBody = jQuery(this).find('tbody');

       // GSAP Animation
       tl.add('start');
       tl.from(tableTitle, { duration: 2, opacity: 0, y: 100, ease: Power4.easeOut });
       tl.from(tableHead, { duration: 1, opacity: 0, y: 100, ease: Power4.easeOut }, '-=1');
       tl.from(tableBody, { duration: 1, opacity: 0, y: 100, ease: Power4.easeOut }, '-=.5');

       // ScrollMagic Scene
       var scene = new ScrollMagic.Scene({
           triggerElement: this,
           triggerHook: 0.7,
           reverse: false
       })
    //    .addIndicators({
    //        indent: 5,
    //        name: "data-table"
    //    })

       // Initialise
       .setTween(tl)
       .addTo(controller);
       
   });
});
</script>

<section  class="bb-data-table  boxed-lg white-bg normal-text animated">
    <table>
        <!-- Table heading -->
                    <caption>
                <h2>Data Table Block</h2>
            </caption>
                    

        <!-- Table Header Row -->
                    <thead>
                <tr>
                        
                        <th class="auto-width">
                                                    </th>
                        
                        <th class="min-width">
                            Year                        </th>
                        
                        <th class="min-width">
                            Amount                        </th>
                                    <tr>        
            </thead>
        
        <!-- Table Body Row(s) -->
        <tbody>
                                                <tr>
                                                        
                                <td>Gone with the Wind</td>
                                
                                <td>1939</td>
                                
                                <td>$3,713,000,000</td>
                                                                        <tr>        
                                    <tr>
                                                        
                                <td>Titanic</td>
                                
                                <td>1997</td>
                                
                                <td>$3,087,000,000</td>
                                                                        <tr>        
                                    </tbody>
    </table>
</section>


<script>
//--------------------------------
// About & ABout Full Bleed Blocks 
//---------------------------------
jQuery(window).on("load", function($){
   
    jQuery('.show-animations .bb-about.animated').each(function(){

        // ---- About Text ----

        var controller = new ScrollMagic.Controller();
        var tl = gsap.timeline();

        var blockTitle = jQuery(this).find('.about-grid > h2');
        var blockText = jQuery(this).find('.about-text > *');

        // GSAP Animation
        tl.add("start")
        tl.from(blockTitle, { duration: 2, opacity: 0, y: 100, ease: Power4.easeOut })
        tl.staggerFromTo(blockText, 2, { opacity: 0, y: 100 }, { opacity: 1, y: 0, ease: Power4.easeOut }, .5, "start");

        // ScrollMagic Scene
        var scene = new ScrollMagic.Scene({
            triggerElement: this,
            triggerHook: 0.7,
            reverse: false
        })
        // .addIndicators({
        //     indent: 5,
        //     name: "about text"
        // })

        // Initialise
        .setTween(tl)
        .addTo(controller);

    });

    jQuery('.show-animations .bb-about.animated .about-image').each(function(){

            // ---- About image ---------

            var imageController = new ScrollMagic.Controller();
        var imageTl = gsap.timeline();
        
        var blockImage = jQuery(this).find('img');    

        // GSAP Animation
        imageTl.fromTo(blockImage, { y: "+=3vw", ease: Linear.easeNone }, { y: "-=3vw", ease: Linear.easeNone }); //parallax
        
        
        // ScrollMagic Scene
        var scene = new ScrollMagic.Scene({
            triggerElement: this,
            // duration: aboutHeightFn,
            reverse: true,
            triggerHook: 0.7
        })
        .duration( jQuery(this).outerHeight() )
        // .addIndicators({
        //     indent: 5,
        //     name: "about image"
        // })

        // Initialise
        .setTween(imageTl)
        .addTo(imageController);
    });
});

</script>
<!-- About Block  -->

<section  class="bb-about  boxed-lg tertiary-col-bg light-text about-img-left no-shadow animated">

    <div class="about-grid">
        <!-- About Mobile Heading -->
                    <h2 class="mobile-only">About Block Heading</h2>
        
        <!-- About Image -->
        <div class="about-image about-img-left">
            <img alt="" class=""  
                src="https://dheejay.com/wp-content/uploads/2020/03/star-wars-2172948_1280-1024x682.jpg" 
                srcset="https://dheejay.com/wp-content/uploads/2020/03/star-wars-2172948_1280-1024x682.jpg 1024w,
                https://dheejay.com/wp-content/uploads/2020/03/star-wars-2172948_1280-768x512.jpg 768w,
                https://dheejay.com/wp-content/uploads/2020/03/star-wars-2172948_1280-300x200.jpg 300w,
                https://dheejay.com/wp-content/uploads/2020/03/star-wars-2172948_1280-150x150.jpg 150w">        </div>        
        
        <div class="about-text">
            <!-- About Desktop Heading -->
                            <h2 class="desktop-only">About Block Heading</h2>
                        <!-- About text -->
                            <p>This is some placeholder text for your section. Always make sure that you have replaced this dummy content with your own before publishing anything online.</p>
            


            <!-- About Button -->
             
        </div>
    </div>

</section>


<script>
//--------------------------------
// About Double Block
//---------------------------------
jQuery(window).on("load", function($){
   
    jQuery('.show-animations .bb-about-di').each(function(){

        // ---- About Double Text ----

        var controller = new ScrollMagic.Controller();
        var tl = gsap.timeline();

        var blockText = jQuery(this).find('.about-text-content');

        // GSAP Animation
        tl.staggerFromTo(blockText, 2, { opacity: 0, y: 100, ease: Power4.easeOut  }, { opacity: 1, y: 0}, .5);

        // ScrollMagic Scene
        var scene = new ScrollMagic.Scene({
            triggerElement: this,
            triggerHook: 0.5,
            reverse: false
        })
        // .addIndicators({
        //     indent: 5,
        //     name: "about double text"
        // })

        // Initialise
        .setTween(tl)
        .addTo(controller);

    });

    jQuery('.show-animations .bb-about-di').each(function(){

        // ---- About Double images ---------

        var imageController = new ScrollMagic.Controller();
        var imageTl = gsap.timeline();
        
        var blockImageOne = jQuery(this).find('.about-image:nth-child(1) img'); 
        var blockImageTwo = jQuery(this).find('.about-image:nth-child(2) img');  

        // GSAP Animation
        imageTl.add('start')
        imageTl.to(blockImageOne, { y: '-3vw', ease: Linear.easeNone }, 'start') //relative float
        imageTl.to(blockImageTwo, { y: '-1vw', ease: Linear.easeNone }, 'start'); //relative float
        
        
        // ScrollMagic Scene
        var sceneTwo = new ScrollMagic.Scene({
            triggerElement: this,
            // duration: aboutHeightFn,
            reverse: true,
            triggerHook: 0.5
        })
        // .triggerElement( jQuery(this).find('.about-image') )
        .duration( jQuery(this).outerHeight() )
        .addIndicators({
            indent: 5,
            name: "about double image"
        })

        // Initialise
        .setTween(imageTl)
        .addTo(imageController);

    });
});

</script>
<!-- About Block  -->

<section  class="bb-about-di  boxed-lg white-bg normal-text about-img-right no-shadow animated">

    <div class="about-grid">


        <!-- About Images -->
        <div class="about-di-images-grid">
            <div class="about-image image-one about-img-right">
                <div class="anim-box">
                    <img alt="" class=""  
                        src="https://dheejay.com/wp-content/uploads/2020/03/star-wars-2172948_1280.jpg" 
                        srcset="https://dheejay.com/wp-content/uploads/2020/03/star-wars-2172948_1280-1024x682.jpg 1024w,
                        https://dheejay.com/wp-content/uploads/2020/03/star-wars-2172948_1280-768x512.jpg 768w,
                        https://dheejay.com/wp-content/uploads/2020/03/star-wars-2172948_1280-300x200.jpg 300w,
                        https://dheejay.com/wp-content/uploads/2020/03/star-wars-2172948_1280-150x150.jpg 150w">                </div>
            </div>

            <div class="about-image image-two about-img-right">
                <div class="anim-box">
                    <img alt="" class=""  
                        src="https://dheejay.com/wp-content/uploads/2020/03/chewbacca-of-star-wars-3526020-1024x682.jpg" 
                        srcset="https://dheejay.com/wp-content/uploads/2020/03/chewbacca-of-star-wars-3526020-1024x682.jpg 1024w,
                        https://dheejay.com/wp-content/uploads/2020/03/chewbacca-of-star-wars-3526020-768x512.jpg 768w,
                        https://dheejay.com/wp-content/uploads/2020/03/chewbacca-of-star-wars-3526020-300x200.jpg 300w,
                        https://dheejay.com/wp-content/uploads/2020/03/chewbacca-of-star-wars-3526020-150x150.jpg 150w">                </div>
            </div>

        </div>        
        
        <div class="about-text">

            <div class="about-image image-two about-img-right">
                <div class="anim-box">
                    <img alt="" class=""  
                        src="https://dheejay.com/wp-content/uploads/2020/03/chewbacca-of-star-wars-3526020-1024x682.jpg" 
                        srcset="https://dheejay.com/wp-content/uploads/2020/03/chewbacca-of-star-wars-3526020-1024x682.jpg 1024w,
                        https://dheejay.com/wp-content/uploads/2020/03/chewbacca-of-star-wars-3526020-768x512.jpg 768w,
                        https://dheejay.com/wp-content/uploads/2020/03/chewbacca-of-star-wars-3526020-300x200.jpg 300w,
                        https://dheejay.com/wp-content/uploads/2020/03/chewbacca-of-star-wars-3526020-150x150.jpg 150w">                </div>
            </div>

            <div class="about-text-content">
                <!-- About Desktop Heading -->
                                    <h2>About Block Heading</h2>
                                <!-- About text -->
                                    <p>This is some placeholder text for your section. Always make sure that you have replaced this dummy content with your own before publishing anything online.</p>
                
                <!-- About Button -->
                 
            </div>

        </div> <!-- About text -->
    </div><!-- About Grid -->

</section>


<script>
//--------------------------------
// About Gallery Block
//---------------------------------
jQuery(window).on("load", function($){
   
    jQuery('.show-animations .bb-about-gallery.animated').each(function(){

        // ---- About Gallery Text ----

        var controller = new ScrollMagic.Controller();
        var tl = gsap.timeline();

        var blockText = jQuery(this).find('.about-text > *');

        // GSAP Animation
        tl.staggerFromTo(blockText, 2, { opacity: 0, y: 100, ease: Power4.easeOut  }, { opacity: 1, y: 0}, .5);

        // ScrollMagic Scene
        var scene = new ScrollMagic.Scene({
            triggerElement: this,
            triggerHook: 0.5,
            reverse: false
        })
        // .addIndicators({
        //     indent: 5,
        //     name: "about gallery text"
        // })

        // Initialise
        .setTween(tl)
        .addTo(controller);

    });

    jQuery('.show-animations .bb-about-gallery.animated .about-image-gallery').each(function(){

        // ---- About Gallery images ---------

        var imageController = new ScrollMagic.Controller();
        var imageTl = gsap.timeline();
        
        var blockImageOne = jQuery(this).find('.about-image:nth-child(1)'); 
        var blockImageThree = jQuery(this).find('.about-image:nth-child(3)');  

        // GSAP Animation
        imageTl.add('start')
        imageTl.to(blockImageOne, { y: '-3vw', ease: Linear.easeNone }, 'start') //relative float
        imageTl.to(blockImageThree, { y: '-1vw', ease: Linear.easeNone }, 'start'); //relative float
        
        
        // ScrollMagic Scene
        var sceneTwo = new ScrollMagic.Scene({
            triggerElement: this,
            // duration: aboutHeightFn,
            reverse: true,
            triggerHook: 0.5
        })
        // .triggerElement( jQuery(this).find('.about-image') )
        .duration( jQuery(this).outerHeight() )
        // .addIndicators({
        //     indent: 5,
        //     name: "about gallery image"
        // })

        // Initialise
        .setTween(imageTl)
        .addTo(imageController);

    });
});

</script>

<section  class="bb-about-gallery  boxed-lg primary-col-bg dark-col-text about-img-stacked no-shadow animated">

    <div class="about-grid">
        <!-- About Mobile Heading -->
                    <h2 class="mobile-only">About Block Heading</h2>
        
        <!-- About Image Gallery -->
        
        <div class="about-image-gallery three-images"> 
                                        <div class="about-image image-holder">
                                <img alt="" class=""  
                                    src="https://dheejay.com/wp-content/uploads/2020/03/darth-vader-1207142-1024x680.jpg" 
                                    srcset="https://dheejay.com/wp-content/uploads/2020/03/darth-vader-1207142-scaled.jpg 1200w,
                                    https://dheejay.com/wp-content/uploads/2020/03/darth-vader-1207142-1024x680.jpg 1024w,
                                    https://dheejay.com/wp-content/uploads/2020/03/darth-vader-1207142-768x510.jpg 768w,
                                    https://dheejay.com/wp-content/uploads/2020/03/darth-vader-1207142-300x199.jpg 300w,
                                    https://dheejay.com/wp-content/uploads/2020/03/darth-vader-1207142-150x150.jpg 150w">                            </div>    
                                                    <div class="about-image image-holder">
                                <img alt="" class=""  
                                    src="https://dheejay.com/wp-content/uploads/2020/03/star-wars-2172955_1280-1024x682.jpg" 
                                    srcset="https://dheejay.com/wp-content/uploads/2020/03/star-wars-2172955_1280.jpg 1200w,
                                    https://dheejay.com/wp-content/uploads/2020/03/star-wars-2172955_1280-1024x682.jpg 1024w,
                                    https://dheejay.com/wp-content/uploads/2020/03/star-wars-2172955_1280-768x512.jpg 768w,
                                    https://dheejay.com/wp-content/uploads/2020/03/star-wars-2172955_1280-300x200.jpg 300w,
                                    https://dheejay.com/wp-content/uploads/2020/03/star-wars-2172955_1280-150x150.jpg 150w">                            </div>    
                                                    <div class="about-image image-holder">
                                <img alt="" class=""  
                                    src="https://dheejay.com/wp-content/uploads/2020/03/star-wars-2172948_1280-1024x682.jpg" 
                                    srcset="https://dheejay.com/wp-content/uploads/2020/03/star-wars-2172948_1280.jpg 1200w,
                                    https://dheejay.com/wp-content/uploads/2020/03/star-wars-2172948_1280-1024x682.jpg 1024w,
                                    https://dheejay.com/wp-content/uploads/2020/03/star-wars-2172948_1280-768x512.jpg 768w,
                                    https://dheejay.com/wp-content/uploads/2020/03/star-wars-2172948_1280-300x200.jpg 300w,
                                    https://dheejay.com/wp-content/uploads/2020/03/star-wars-2172948_1280-150x150.jpg 150w">                            </div>    
                        
               
        </div>   
        
        <div class="about-text">
            <!-- About Desktop Heading -->
                            <h2 class="desktop-only">About Block Heading</h2>
                        <!-- About text -->
                            <p>This is some placeholder text for your section. Always make sure that you have replaced this dummy content with your own before publishing anything online.</p>
            


            <!-- About Button -->
             
        </div>
    </div>

</section>




<section  class="bb-services-icon  secondary-col-bg boxed-lg normal-text animated">

    <!-- Services Heading -->
                <h2>Services Block</h2>
    
    <!-- Services List -->
    <div class="service-grid two-column-block">

                            
                                    
                    <div class="service-card">
                        <div class="service-image">
                            <img src="https://dheejay.com/wp-content/uploads/2020/03/Asset-2.png" class="no-lazy-load" alt="" />
                        </div>

                        <div class="service-text">
                            <p>Yes, Admiral? Our ships have sighted the Millennium Falcon, lord. But&#8230;it has entered an asteroid field and we cannot risk&#8230; Asteroids do not concern me, Admiral. I want that ship and not excuses. Yes, lord. I&#8217;m going to shut down everything but the emergency power systems.</p>

                                                        <div class="button-holder">
                                <a class="button" href="http://google.com" target="_blank">Google</a>
                            </div>
                            
                        </div> 
                        


                    </div>
        
                                    
                    <div class="service-card">
                        <div class="service-image">
                            <img src="https://dheejay.com/wp-content/uploads/2020/03/Asset-1.png" class="no-lazy-load" alt="" />
                        </div>

                        <div class="service-text">
                            <p>Luke? Lord Vader has set a trap for him. And we&#8217;re the bait. Well, he&#8217;s on his way. Perfect. You fixed us all pretty good, didn&#8217;t you? My friend! Stop! I&#8217;ve done all I can do. I&#8217;m sorry I couldn&#8217;t do better, but I have my own problems. Yeah, you&#8217;re a real hero. You certainly have a way with people.</p>

                                                        <div class="button-holder">
                                <a class="button" href="http://google.com" target="">Google</a>
                            </div>
                            
                        </div> 
                        


                    </div>
        
                                    
                    <div class="service-card">
                        <div class="service-image">
                            <img src="https://dheejay.com/wp-content/uploads/2020/03/boconcept-PNG.png" class="no-lazy-load" alt="" />
                        </div>

                        <div class="service-text">
                            <p>What is it, General? My lord, the fleet has moves out of light-speed. Com-Scan has detected an energy field protecting an area around the sixth planet of the Hoth system. The field is strong enough to deflect any bombardment.</p>

                            
                        </div> 
                        


                    </div>
        
                                    
                    <div class="service-card">
                        <div class="service-image">
                            <img src="https://dheejay.com/wp-content/uploads/2020/03/bene-PNG.png" class="no-lazy-load" alt="" />
                        </div>

                        <div class="service-text">
                            <p>The Rebels are alerted to our presence. Admiral Ozzel came out of light-speed too close to the system. He felt surprise was wiser&#8230; He is as clumsy as he is stupid. General, prepare your troops for a surface attack. Yes, my lord.</p>

                            
                        </div> 
                        


                    </div>
        
                                    
                    <div class="service-card">
                        <div class="service-image">
                            <img src="https://dheejay.com/wp-content/uploads/2020/03/vitra-PNG.png" class="no-lazy-load" alt="" />
                        </div>

                        <div class="service-text">
                            <p>Lord Vader. You may take Captain Solo to Jabba the Hut after I have Skywalker. He&#8217;s no good to me dead. He will not be permanently damaged. Lord Vader, what about Leia and the Wookiee? They must never again leave this city.</p>

                            
                        </div> 
                        


                    </div>
        
                                    
                    <div class="service-card">
                        <div class="service-image">
                            <img src="https://dheejay.com/wp-content/uploads/2020/03/moroso-PNG.png" class="no-lazy-load" alt="" />
                        </div>

                        <div class="service-text">
                            <p>That was never a condition of our agreement, nor was giving Han to this bounty hunter! Perhaps you think you&#8217;re being treated unfairly. No. Good. It would be unfortunate if I had to leave a garrison here. This deal&#8217;s getting worse all the time.</p>

                            
                        </div> 
                        


                    </div>
        
                        
                    
    </div><!-- End .service-grid -->

     

    
</section>




<section  class="bb-services-icon  white-bg boxed-lg normal-text animated">

    <!-- Services Heading -->
                <h2>Services Block</h2>
    
    <!-- Services List -->
    <div class="service-grid three-column-block">

                            
                                    
                    <div class="service-card">
                        <div class="service-image">
                            <img src="https://dheejay.com/wp-content/uploads/2020/03/vitra-PNG.png" class="no-lazy-load" alt="" />
                        </div>

                        <div class="service-text">
                            <p>Yes, Admiral? Our ships have sighted the Millennium Falcon, lord. But&#8230;it has entered an asteroid field and we cannot risk&#8230; Asteroids do not concern me, Admiral. I want that ship and not excuses. Yes, lord. I&#8217;m going to shut down everything but the emergency power systems.</p>

                                                        <div class="button-holder">
                                <a class="button" href="http://google.com" target="_blank">Google</a>
                            </div>
                            
                        </div> 
                        


                    </div>
        
                                    
                    <div class="service-card">
                        <div class="service-image">
                            <img src="https://dheejay.com/wp-content/uploads/2020/03/moroso-PNG.png" class="no-lazy-load" alt="" />
                        </div>

                        <div class="service-text">
                            <p>Luke? Lord Vader has set a trap for him. And we&#8217;re the bait. Well, he&#8217;s on his way. Perfect. You fixed us all pretty good, didn&#8217;t you? My friend! Stop! I&#8217;ve done all I can do. I&#8217;m sorry I couldn&#8217;t do better, but I have my own problems. Yeah, you&#8217;re a real hero. You certainly have a way with people.</p>

                                                        <div class="button-holder">
                                <a class="button" href="http://google.com" target="">Google</a>
                            </div>
                            
                        </div> 
                        


                    </div>
        
                                    
                    <div class="service-card">
                        <div class="service-image">
                            <img src="https://dheejay.com/wp-content/uploads/2020/03/boconcept-PNG.png" class="no-lazy-load" alt="" />
                        </div>

                        <div class="service-text">
                            <p>What is it, General? My lord, the fleet has moves out of light-speed. Com-Scan has detected an energy field protecting an area around the sixth planet of the Hoth system. The field is strong enough to deflect any bombardment.</p>

                            
                        </div> 
                        


                    </div>
        
                                    
                    <div class="service-card">
                        <div class="service-image">
                            <img src="https://dheejay.com/wp-content/uploads/2020/03/bene-PNG.png" class="no-lazy-load" alt="" />
                        </div>

                        <div class="service-text">
                            <p>The Rebels are alerted to our presence. Admiral Ozzel came out of light-speed too close to the system. He felt surprise was wiser&#8230; He is as clumsy as he is stupid. General, prepare your troops for a surface attack. Yes, my lord.</p>

                            
                        </div> 
                        


                    </div>
        
                                    
                    <div class="service-card">
                        <div class="service-image">
                            <img src="https://dheejay.com/wp-content/uploads/2020/03/vitra-PNG.png" class="no-lazy-load" alt="" />
                        </div>

                        <div class="service-text">
                            <p>Lord Vader. You may take Captain Solo to Jabba the Hut after I have Skywalker. He&#8217;s no good to me dead. He will not be permanently damaged. Lord Vader, what about Leia and the Wookiee? They must never again leave this city.</p>

                            
                        </div> 
                        


                    </div>
        
                                    
                    <div class="service-card">
                        <div class="service-image">
                            <img src="https://dheejay.com/wp-content/uploads/2020/03/moroso-PNG.png" class="no-lazy-load" alt="" />
                        </div>

                        <div class="service-text">
                            <p>That was never a condition of our agreement, nor was giving Han to this bounty hunter! Perhaps you think you&#8217;re being treated unfairly. No. Good. It would be unfortunate if I had to leave a garrison here. This deal&#8217;s getting worse all the time.</p>

                            
                        </div> 
                        


                    </div>
        
                        
                    
    </div><!-- End .service-grid -->

     

    
</section>




<section  class="bb-about-gallery  indented secondary-col-bg normal-text about-img-left drop-shadow animated">

    <div class="about-grid">
        <!-- About Mobile Heading -->
                    <h2 class="mobile-only">About Block Heading</h2>
        
        <!-- About Image Gallery -->
        
        <div class="about-image-gallery three-images"> 
                                        <div class="about-image image-holder">
                                <img alt="" class=""  
                                    src="https://dheejay.com/wp-content/uploads/2020/03/darth-vader-1207142-1024x680.jpg" 
                                    srcset="https://dheejay.com/wp-content/uploads/2020/03/darth-vader-1207142-scaled.jpg 1200w,
                                    https://dheejay.com/wp-content/uploads/2020/03/darth-vader-1207142-1024x680.jpg 1024w,
                                    https://dheejay.com/wp-content/uploads/2020/03/darth-vader-1207142-768x510.jpg 768w,
                                    https://dheejay.com/wp-content/uploads/2020/03/darth-vader-1207142-300x199.jpg 300w,
                                    https://dheejay.com/wp-content/uploads/2020/03/darth-vader-1207142-150x150.jpg 150w">                            </div>    
                                                    <div class="about-image image-holder">
                                <img alt="" class=""  
                                    src="https://dheejay.com/wp-content/uploads/2020/03/star-wars-2172955_1280-1024x682.jpg" 
                                    srcset="https://dheejay.com/wp-content/uploads/2020/03/star-wars-2172955_1280.jpg 1200w,
                                    https://dheejay.com/wp-content/uploads/2020/03/star-wars-2172955_1280-1024x682.jpg 1024w,
                                    https://dheejay.com/wp-content/uploads/2020/03/star-wars-2172955_1280-768x512.jpg 768w,
                                    https://dheejay.com/wp-content/uploads/2020/03/star-wars-2172955_1280-300x200.jpg 300w,
                                    https://dheejay.com/wp-content/uploads/2020/03/star-wars-2172955_1280-150x150.jpg 150w">                            </div>    
                                                    <div class="about-image image-holder">
                                <img alt="" class=""  
                                    src="https://dheejay.com/wp-content/uploads/2020/03/chewbacca-of-star-wars-3526020-1024x682.jpg" 
                                    srcset="https://dheejay.com/wp-content/uploads/2020/03/chewbacca-of-star-wars-3526020.jpg 1200w,
                                    https://dheejay.com/wp-content/uploads/2020/03/chewbacca-of-star-wars-3526020-1024x682.jpg 1024w,
                                    https://dheejay.com/wp-content/uploads/2020/03/chewbacca-of-star-wars-3526020-768x512.jpg 768w,
                                    https://dheejay.com/wp-content/uploads/2020/03/chewbacca-of-star-wars-3526020-300x200.jpg 300w,
                                    https://dheejay.com/wp-content/uploads/2020/03/chewbacca-of-star-wars-3526020-150x150.jpg 150w">                            </div>    
                        
               
        </div>   
        
        <div class="about-text">
            <!-- About Desktop Heading -->
                            <h2 class="desktop-only">About Block Heading</h2>
                        <!-- About text -->
                            <p>This is some placeholder text for your section. Always make sure that you have replaced this dummy content with your own before publishing anything online.</p>
            


            <!-- About Button -->
             
        </div>
    </div>

</section>




<section  class="bb-about-gallery  boxed-lg white-bg normal-text about-img-right no-shadow animated">

    <div class="about-grid">
        <!-- About Mobile Heading -->
                    <h2 class="mobile-only">About Block Heading</h2>
        
        <!-- About Image Gallery -->
        
        <div class="about-image-gallery two-images"> 
                                        <div class="about-image image-holder">
                                <img alt="" class=""  
                                    src="https://dheejay.com/wp-content/uploads/2020/03/star-wars-2172955_1280-1024x682.jpg" 
                                    srcset="https://dheejay.com/wp-content/uploads/2020/03/star-wars-2172955_1280.jpg 1200w,
                                    https://dheejay.com/wp-content/uploads/2020/03/star-wars-2172955_1280-1024x682.jpg 1024w,
                                    https://dheejay.com/wp-content/uploads/2020/03/star-wars-2172955_1280-768x512.jpg 768w,
                                    https://dheejay.com/wp-content/uploads/2020/03/star-wars-2172955_1280-300x200.jpg 300w,
                                    https://dheejay.com/wp-content/uploads/2020/03/star-wars-2172955_1280-150x150.jpg 150w">                            </div>    
                                                    <div class="about-image image-holder">
                                <img alt="" class=""  
                                    src="https://dheejay.com/wp-content/uploads/2020/03/darth-vader-1207142-1024x680.jpg" 
                                    srcset="https://dheejay.com/wp-content/uploads/2020/03/darth-vader-1207142-scaled.jpg 1200w,
                                    https://dheejay.com/wp-content/uploads/2020/03/darth-vader-1207142-1024x680.jpg 1024w,
                                    https://dheejay.com/wp-content/uploads/2020/03/darth-vader-1207142-768x510.jpg 768w,
                                    https://dheejay.com/wp-content/uploads/2020/03/darth-vader-1207142-300x199.jpg 300w,
                                    https://dheejay.com/wp-content/uploads/2020/03/darth-vader-1207142-150x150.jpg 150w">                            </div>    
                        
               
        </div>   
        
        <div class="about-text">
            <!-- About Desktop Heading -->
                            <h2 class="desktop-only">About Block Heading</h2>
                        <!-- About text -->
                            <p>This is some placeholder text for your section. Always make sure that you have replaced this dummy content with your own before publishing anything online.</p>
            


            <!-- About Button -->
             
        </div>
    </div>

</section>


<script>
//-----------------
// 2 Column Standard Block 
//-----------------
jQuery(window).on("load", function($){
   
   jQuery('.show-animations .bb-two-col-stndrd.animated').each(function(){

       // ---- 2 Column Standard Heading FadeInUp ----

       var controller = new ScrollMagic.Controller();
       var tl = gsap.timeline();

       var blockTitle = jQuery(this).find('>h2');

       // GSAP Animation
       tl.add('start');
       tl.from(blockTitle, { duration: 2, opacity: 0, y: 100, ease: Power4.easeOut });

       // ScrollMagic Scene
       var scene = new ScrollMagic.Scene({
           triggerElement: this,
           triggerHook: 0.7,
           reverse: false
       })
    //    .addIndicators({
    //        indent: 200,
    //        name: "two col title"
    //    })

       // Initialise
       .setTween(tl)
       .addTo(controller);   
   });

   jQuery('.show-animations .bb-two-col-stndrd.animated .two-col-stndrd-grid').each(function(){

       // ---- 2 Column Content FadeInUp ----

       var controller = new ScrollMagic.Controller();
       var tl = gsap.timeline();

       var blockCol = jQuery(this).find('[class*="col"]');

       // GSAP Animation
       tl.from(blockCol, { duration: 2, opacity: 0, y: 100, stagger:.5, ease: Power4.easeOut });

       // ScrollMagic Scene
       var scene = new ScrollMagic.Scene({
           triggerElement: this,
           triggerHook: 0.7,
           reverse: false
       })
    //    .addIndicators({
    //        indent: 5,
    //        name: "two-col column"
    //    })

       // Initialise
       .setTween(tl)
       .addTo(controller);   
   });
});
</script>

<section  class="bb-two-col-stndrd boxed-lg  white-bg normal-text animated">
    
    <!-- Contact Heading -->
                <h2>2 Column Content Heading</h2>
    
    <div class="two-col-stndrd-grid">
        <!-- Left Column -->
                    <div class="left-col">
                <p>Lord Vader. You may take Captain Solo to Jabba the Hut after I have Skywalker. He&#8217;s no good to me dead. He will not be permanently damaged. Lord Vader, what about Leia and the Wookiee? They must never again leave this city. That was never a condition of our agreement, nor was giving Han to this bounty hunter! Perhaps you think you&#8217;re being treated unfairly. No. Good. It would be unfortunate if I had to leave a garrison here. This deal&#8217;s getting worse all the time.</p>
            </div>
        
        <!-- Right Column -->
                    <div class="right-col">
                <p>Well, wait. This is interesting. Lando. Lando system? Lando&#8217;s not a system, he&#8217;s a man. Lando Calrissian. He&#8217;s a card player, gambler, scoundrel. You&#8217;d like him. Thanks.</p>
<p>This facility is crude, but it should be adequate to freeze Skywalker for his journey to the Emperor. Lord Vader, ship approaching. X-wing class. Good. Monitor Skywalker and allow him to land. Lord Vader, we only use this facility for carbon freezing. If you put him in there, it might kill him. I do not want the Emperor&#8217;s prize damaged. We will test it&#8230;on Captain Solo.</p>
<p>What is thy bidding, my master? There is a great disturbance in the Force. I have felt it. We have a new enemy &#8211; Luke Skywalker. Yes, my master. He could destroy us. He&#8217;s just a boy. Obi-Wan can no longer help him. The Force is strong with him. The son of Skywalker must not become a Jedi. If he could be turned, he would become a powerful ally. Yes. Yes. He would be a great asset. Can it be done? He will join us or die, my master.</p>
            </div>
        
    </div>
</section>


<script>
//-----------------
// Block containing Cards Archive
//-----------------
jQuery(window).on("load", function($){

   
   jQuery('.show-animations .animated.cards-block').each(function(){

       // ---- Heading----

       var controller = new ScrollMagic.Controller();
       var tl = gsap.timeline();

       var blockTitle = jQuery(this).find('>h2');

       // GSAP Animation
       tl.from(blockTitle, { duration: 2, opacity: 0, y: 100, ease: Power4.easeOut });

       // ScrollMagic Scene
       var scene = new ScrollMagic.Scene({
           triggerElement: this,
           triggerHook: 0.7,
           reverse: false
       })
    //    .addIndicators({
    //        indent: 5,
    //        name: "cards block title"
    //    })

       // Initialise
       .setTween(tl)
       .addTo(controller);   
   });


    jQuery('.show-animations .animated.cards-block .postcard').each(function(){

       // ---- Post card Text FadeInUp ----

       var controller = new ScrollMagic.Controller();

       // ScrollMagic Scene
       var scene = new ScrollMagic.Scene({
           triggerElement: this,
           triggerHook: 0.5,
           reverse: false,
           offset: -100
       })
       .setClassToggle( this, "active")
    //    .addIndicators({
    //        indent: 200,
    //        name: "post card"
    //    })

       // Initialise
       .addTo(controller);   
   });
});
</script>

<section  class="bb-recent-posts cards-block  white-bg normal-text indented  animated">

    <!-- Recent Posts Heading -->
                <h2>Recent Posts Block</h2>
       
    <div class="recent-posts-grid cards-grid two-column-archive">
        <!-- Query recent Posts -->
        
<article id="post-1395" class="postcard light-background" >

    <a class="post-thumbnail " href="https://dheejay.com/dance-music/foobox/" aria-hidden="true">
        <div class="archive-post-thumbnail">        
            <img alt="" class="no-lazy-load fallback-thumbnail"  
				src="https://dheejay.com/wp-content/uploads/2020/03/celtic-fans-flare-1024x683.jpg" 
				srcset="https://dheejay.com/wp-content/uploads/2020/03/celtic-fans-flare.jpg 1200w,
				https://dheejay.com/wp-content/uploads/2020/03/celtic-fans-flare-1024x683.jpg 1024w,
				https://dheejay.com/wp-content/uploads/2020/03/celtic-fans-flare-768x512.jpg 768w,
				https://dheejay.com/wp-content/uploads/2020/03/celtic-fans-flare-300x200.jpg 300w,
				https://dheejay.com/wp-content/uploads/2020/03/celtic-fans-flare-150x150.jpg 150w">        </div>
    </a>
    
    <div class="postcard-content">         
        <h3 class="entry-title"><a href="https://dheejay.com/dance-music/foobox/" rel="bookmark">FooBox</a></h3>        <div class="entry-meta">  

            <div class="on-by">
            <span class="byline"> By <span class="author vcard"><a class="url fn n" href="https://dheejay.com/author/admin-dheejay/">admin-dheejay</a></span></span>&#8200;<span class="posted-on">on <a href="https://dheejay.com/dance-music/foobox/" rel="bookmark"><time class="entry-date published" datetime="2020-06-12T13:54:24+01:00">12 June 2020</time><time class="updated" datetime="2020-06-12T14:04:51+01:00">12 June 2020</time></a></span>            </div>
            
             <h4 class="category">Category:&#8200;<ul class="post-categories">
	<li><a href="https://dheejay.com/category/dance-music/" rel="category tag">Dance Music</a></li></ul></h4>   
            
        </div><!-- .entry-meta -->

        <!-- Yoast Meta description -->
        
        <!--  -->
        
    </div><!-- .postcard-content -->

        <h4 class="read-more">
            <a href="https://dheejay.com/dance-music/foobox/">Read More</a>
        </h4>
    
</article>
<article id="post-1384" class="postcard light-background" >

    <a class="post-thumbnail " href="https://dheejay.com/dance-music/lightboxes/" aria-hidden="true">
        <div class="archive-post-thumbnail">        
            <img alt="" class="no-lazy-load fallback-thumbnail"  
				src="https://dheejay.com/wp-content/uploads/2020/03/celtic-fans-flare-1024x683.jpg" 
				srcset="https://dheejay.com/wp-content/uploads/2020/03/celtic-fans-flare.jpg 1200w,
				https://dheejay.com/wp-content/uploads/2020/03/celtic-fans-flare-1024x683.jpg 1024w,
				https://dheejay.com/wp-content/uploads/2020/03/celtic-fans-flare-768x512.jpg 768w,
				https://dheejay.com/wp-content/uploads/2020/03/celtic-fans-flare-300x200.jpg 300w,
				https://dheejay.com/wp-content/uploads/2020/03/celtic-fans-flare-150x150.jpg 150w">        </div>
    </a>
    
    <div class="postcard-content">         
        <h3 class="entry-title"><a href="https://dheejay.com/dance-music/lightboxes/" rel="bookmark">Lightboxes</a></h3>        <div class="entry-meta">  

            <div class="on-by">
            <span class="byline"> By <span class="author vcard"><a class="url fn n" href="https://dheejay.com/author/admin-dheejay/">admin-dheejay</a></span></span>&#8200;<span class="posted-on">on <a href="https://dheejay.com/dance-music/lightboxes/" rel="bookmark"><time class="entry-date published" datetime="2020-06-10T17:41:28+01:00">10 June 2020</time><time class="updated" datetime="2020-06-10T17:41:30+01:00">10 June 2020</time></a></span>            </div>
            
             <h4 class="category">Category:&#8200;<ul class="post-categories">
	<li><a href="https://dheejay.com/category/dance-music/" rel="category tag">Dance Music</a></li></ul></h4>   
            
        </div><!-- .entry-meta -->

        <!-- Yoast Meta description -->
        
        <!--  -->
        
    </div><!-- .postcard-content -->

        <h4 class="read-more">
            <a href="https://dheejay.com/dance-music/lightboxes/">Read More</a>
        </h4>
    
</article>
<article id="post-1352" class="postcard light-background" >

    <a class="post-thumbnail " href="https://dheejay.com/dance-music/multi-cover/" aria-hidden="true">
        <div class="archive-post-thumbnail">        
            <img alt="" class="no-lazy-load fallback-thumbnail"  
				src="https://dheejay.com/wp-content/uploads/2020/03/celtic-fans-flare-1024x683.jpg" 
				srcset="https://dheejay.com/wp-content/uploads/2020/03/celtic-fans-flare.jpg 1200w,
				https://dheejay.com/wp-content/uploads/2020/03/celtic-fans-flare-1024x683.jpg 1024w,
				https://dheejay.com/wp-content/uploads/2020/03/celtic-fans-flare-768x512.jpg 768w,
				https://dheejay.com/wp-content/uploads/2020/03/celtic-fans-flare-300x200.jpg 300w,
				https://dheejay.com/wp-content/uploads/2020/03/celtic-fans-flare-150x150.jpg 150w">        </div>
    </a>
    
    <div class="postcard-content">         
        <h3 class="entry-title"><a href="https://dheejay.com/dance-music/multi-cover/" rel="bookmark">Multi Cover</a></h3>        <div class="entry-meta">  

            <div class="on-by">
            <span class="byline"> By <span class="author vcard"><a class="url fn n" href="https://dheejay.com/author/admin-dheejay/">admin-dheejay</a></span></span>&#8200;<span class="posted-on">on <a href="https://dheejay.com/dance-music/multi-cover/" rel="bookmark"><time class="entry-date published" datetime="2020-06-08T13:05:19+01:00">8 June 2020</time><time class="updated" datetime="2020-06-09T13:12:28+01:00">9 June 2020</time></a></span>            </div>
            
             <h4 class="category">Category:&#8200;<ul class="post-categories">
	<li><a href="https://dheejay.com/category/dance-music/" rel="category tag">Dance Music</a></li></ul></h4>   
            
        </div><!-- .entry-meta -->

        <!-- Yoast Meta description -->
        
        <!--  -->
        
    </div><!-- .postcard-content -->

        <h4 class="read-more">
            <a href="https://dheejay.com/dance-music/multi-cover/">Read More</a>
        </h4>
    
</article>
<article id="post-1326" class="postcard light-background" >

    <a class="post-thumbnail " href="https://dheejay.com/dance-music/section-bg-change/" aria-hidden="true">
        <div class="archive-post-thumbnail">        
            <img width="2560" height="1701" src="https://dheejay.com/wp-content/uploads/2020/03/darth-vader-1207142-scaled.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="Section BG Change" srcset="https://dheejay.com/wp-content/uploads/2020/03/darth-vader-1207142-scaled.jpg 2560w, https://dheejay.com/wp-content/uploads/2020/03/darth-vader-1207142-300x199.jpg 300w, https://dheejay.com/wp-content/uploads/2020/03/darth-vader-1207142-1024x680.jpg 1024w, https://dheejay.com/wp-content/uploads/2020/03/darth-vader-1207142-768x510.jpg 768w, https://dheejay.com/wp-content/uploads/2020/03/darth-vader-1207142-1536x1020.jpg 1536w, https://dheejay.com/wp-content/uploads/2020/03/darth-vader-1207142-2048x1361.jpg 2048w" sizes="(max-width: 2560px) 100vw, 2560px" />        </div>
    </a>
    
    <div class="postcard-content">         
        <h3 class="entry-title"><a href="https://dheejay.com/dance-music/section-bg-change/" rel="bookmark">Section BG Change</a></h3>        <div class="entry-meta">  

            <div class="on-by">
            <span class="byline"> By <span class="author vcard"><a class="url fn n" href="https://dheejay.com/author/admin-dheejay/">admin-dheejay</a></span></span>&#8200;<span class="posted-on">on <a href="https://dheejay.com/dance-music/section-bg-change/" rel="bookmark"><time class="entry-date published" datetime="2020-06-05T14:44:29+01:00">5 June 2020</time><time class="updated" datetime="2020-06-05T14:56:14+01:00">5 June 2020</time></a></span>            </div>
            
             <h4 class="category">Category:&#8200;<ul class="post-categories">
	<li><a href="https://dheejay.com/category/dance-music/" rel="category tag">Dance Music</a></li></ul></h4>   
            
        </div><!-- .entry-meta -->

        <!-- Yoast Meta description -->
        
        <!--  -->
        
    </div><!-- .postcard-content -->

        <h4 class="read-more">
            <a href="https://dheejay.com/dance-music/section-bg-change/">Read More</a>
        </h4>
    
</article>
<article id="post-1229" class="postcard light-background" >

    <a class="post-thumbnail " href="https://dheejay.com/dance-music/sliders/" aria-hidden="true">
        <div class="archive-post-thumbnail">        
            <img alt="" class="no-lazy-load fallback-thumbnail"  
				src="https://dheejay.com/wp-content/uploads/2020/03/celtic-fans-flare-1024x683.jpg" 
				srcset="https://dheejay.com/wp-content/uploads/2020/03/celtic-fans-flare.jpg 1200w,
				https://dheejay.com/wp-content/uploads/2020/03/celtic-fans-flare-1024x683.jpg 1024w,
				https://dheejay.com/wp-content/uploads/2020/03/celtic-fans-flare-768x512.jpg 768w,
				https://dheejay.com/wp-content/uploads/2020/03/celtic-fans-flare-300x200.jpg 300w,
				https://dheejay.com/wp-content/uploads/2020/03/celtic-fans-flare-150x150.jpg 150w">        </div>
    </a>
    
    <div class="postcard-content">         
        <h3 class="entry-title"><a href="https://dheejay.com/dance-music/sliders/" rel="bookmark">Sliders</a></h3>        <div class="entry-meta">  

            <div class="on-by">
            <span class="byline"> By <span class="author vcard"><a class="url fn n" href="https://dheejay.com/author/admin-dheejay/">admin-dheejay</a></span></span>&#8200;<span class="posted-on">on <a href="https://dheejay.com/dance-music/sliders/" rel="bookmark"><time class="entry-date published" datetime="2020-05-08T19:53:26+01:00">8 May 2020</time><time class="updated" datetime="2020-06-02T18:30:29+01:00">2 June 2020</time></a></span>            </div>
            
             <h4 class="category">Category:&#8200;<ul class="post-categories">
	<li><a href="https://dheejay.com/category/dance-music/" rel="category tag">Dance Music</a></li></ul></h4>   
            
        </div><!-- .entry-meta -->

        <!-- Yoast Meta description -->
        
        <!--  -->
        
    </div><!-- .postcard-content -->

        <h4 class="read-more">
            <a href="https://dheejay.com/dance-music/sliders/">Read More</a>
        </h4>
    
</article>
<article id="post-1224" class="postcard light-background" >

    <a class="post-thumbnail " href="https://dheejay.com/dance-music/services-blocks/" aria-hidden="true">
        <div class="archive-post-thumbnail">        
            <img alt="" class="no-lazy-load fallback-thumbnail"  
				src="https://dheejay.com/wp-content/uploads/2020/03/celtic-fans-flare-1024x683.jpg" 
				srcset="https://dheejay.com/wp-content/uploads/2020/03/celtic-fans-flare.jpg 1200w,
				https://dheejay.com/wp-content/uploads/2020/03/celtic-fans-flare-1024x683.jpg 1024w,
				https://dheejay.com/wp-content/uploads/2020/03/celtic-fans-flare-768x512.jpg 768w,
				https://dheejay.com/wp-content/uploads/2020/03/celtic-fans-flare-300x200.jpg 300w,
				https://dheejay.com/wp-content/uploads/2020/03/celtic-fans-flare-150x150.jpg 150w">        </div>
    </a>
    
    <div class="postcard-content">         
        <h3 class="entry-title"><a href="https://dheejay.com/dance-music/services-blocks/" rel="bookmark">Services Blocks</a></h3>        <div class="entry-meta">  

            <div class="on-by">
            <span class="byline"> By <span class="author vcard"><a class="url fn n" href="https://dheejay.com/author/admin-dheejay/">admin-dheejay</a></span></span>&#8200;<span class="posted-on">on <a href="https://dheejay.com/dance-music/services-blocks/" rel="bookmark"><time class="entry-date published" datetime="2020-05-08T19:16:07+01:00">8 May 2020</time><time class="updated" datetime="2020-06-02T19:58:41+01:00">2 June 2020</time></a></span>            </div>
            
             <h4 class="category">Category:&#8200;<ul class="post-categories">
	<li><a href="https://dheejay.com/category/dance-music/" rel="category tag">Dance Music</a></li></ul></h4>   
            
        </div><!-- .entry-meta -->

        <!-- Yoast Meta description -->
        
        <!--  -->
        
    </div><!-- .postcard-content -->

        <h4 class="read-more">
            <a href="https://dheejay.com/dance-music/services-blocks/">Read More</a>
        </h4>
    
</article>    </div>
    
    <!-- More Posts Button -->
     

</section>


<script>
//-----------------
// FAQ Block 
//-----------------
jQuery(window).on("load", function($){

    jQuery('.show-animations .bb-faq-block.animated .faq-grid').each(function(){

    // ---- Text FadeInUp ----

    // var outer = jQuery(this);
    var controller = new ScrollMagic.Controller();
    var introTl = gsap.timeline();

    var introText = jQuery(this).find('.faq-intro >*');
    var faqContent = jQuery(this).find('.faq-holder > *');

    // GSAP Animation
    introTl.staggerFromTo(introText, 2, { opacity: 0, y: 100 }, { opacity: 1, y: 0, ease: Power4.easeOut }, .5);
    introTl.staggerFromTo(faqContent, 2, { opacity: 0, y: 100 }, { opacity: 1, y: 0, ease: Power4.easeOut }, .25, "-=1.5");


    var scene = new ScrollMagic.Scene({
        triggerElement: this,
        triggerHook: .6,
        reverse: false
    })
    // .addIndicators({
    //     indent: 500,
    //     name: "intro faq"
    // })
    .setTween(introTl)
    .addTo(controller); 
    
    }); //Faq Intro Each

    jQuery('.bb-faq-block .faq-holder').each(function(){

        // ---- Add classes to faq-holder of before, during and after ----

        var outer = jQuery(this);
        var controller = new ScrollMagic.Controller();

        var scene = new ScrollMagic.Scene({
            triggerElement: this,
            reverse: true,
            triggerHook: .6,
            // duration: heightFn
        })
        .duration( jQuery(this).outerHeight() )
        // .addIndicators({
        //     indent: 500,
        //     name: "holder faq"
        // })
        .on("progress", function (event) {

            // get the current scene progress
            var progress = scene.progress();

            if ( progress == 0 ) { //after
                jQuery(outer).removeClass( 'during' ).addClass( 'before' );
            }else if ( progress == 1 ){
                jQuery(outer).removeClass( 'during').addClass( 'after' );
            }
            else {
                jQuery(outer).removeClass( 'after' ).removeClass( 'before' ).addClass( 'during' );
            }
        })
        .addTo(controller); 
    }); //Faq holder Each


    jQuery('.bb-faq-block div[id*="faq"]').each(function() {

        // ---- Add class of active-[num] to ul headings and corresponding sections ----
        var subController = new ScrollMagic.Controller();

        // var element = jQuery(this);

        // jQuery(document).ready(heightFn);
        // jQuery(window).on('resize',heightFn);

        // function heightFn() {
        //     var elemHeight = element.outerHeight();
        // 	return elemHeight;
        // }

        var className = jQuery(this).attr('id');
        var res = className.split("-");
        var num = res[1];

        // build a scene
        var scene = new ScrollMagic.Scene({
            triggerElement: this,
            reverse: true,
            triggerHook: .6,
            // duration: heightFn
        })
        .duration( jQuery(this).outerHeight() )
        .setClassToggle( '.faq-nav, .faq-content', "active-" + num + "")
        // .addIndicators({
        //     indent: 5,
        //     name: "faq sections"
        // })
        .addTo(subController);   

    }); //Faq section Each

}); // document load
</script>

<section  class="bb-faq-block  boxed-lg white-bg normal-text animated">
	
	<div class="faq-grid">

		<!-- Intro -->
					<div class="faq-intro"><h2>FAQ Section</h2>
<p>Echo Three to Echo Seven. Han, old buddy, do you read me? Loud and clear, kid. What&#8217;s up? Well, I finished my circle. I don&#8217;t pick up any life readings. There isn&#8217;t enough life on this ice cube to fill a space cruiser. The sensors are placed. I&#8217;m going back. Right. I&#8217;ll see you shortly. There&#8217;s a meteorite that hit the ground near here. I want to check it out. It won&#8217;t take long. Hey, steady girl. What&#8217;s the matter? You smell something?</p>
</div>
		
		<!-- FAQs -->
		<div class="faq-holder before">
			<!-- nav -->
						<div id="question-list" class="faq-nav">
				<ul class="no-list-style">
											<li class="faq-heading-1">
							<h3>
								<a href="#faq-1">Section One</a>
							</h3>
						</li>
											<li class="faq-heading-2">
							<h3>
								<a href="#faq-2">This is Section Two</a>
							</h3>
						</li>
											<li class="faq-heading-3">
							<h3>
								<a href="#faq-3">And now Section 3</a>
							</h3>
						</li>
									</ul>
			</div>
			

			<!-- Content -->
			<div class="faq-content">
										<div id="faq-1" class="faq-section">
							<h3>Section One</h3>
							<p>So you see, since we&#8217;re a small operation, we don&#8217;t fall into the&#8230;uh&#8230;jurisdiction of the Empire. So you&#8217;re part of the mining guild then? No, not actually. Our operation is small enough not to be noticed&#8230;which is advantageous for everybody since our customers are anxious to avoid attracting attention to themselves. Aren&#8217;t you afraid the Empire&#8217;s going to find out about this little operation and shut you down?</p>
<figure id="attachment_455" aria-describedby="caption-attachment-455" style="width: 1024px" class="wp-caption alignnone"><img class="size-large wp-image-455" src="http://localhost/foundation/wp-content/uploads/2020/03/star-wars-2082969_1280-1024x768.jpg" alt="" width="1024" height="768" srcset="https://dheejay.com/wp-content/uploads/2020/03/star-wars-2082969_1280-1024x768.jpg 1024w, https://dheejay.com/wp-content/uploads/2020/03/star-wars-2082969_1280-300x225.jpg 300w, https://dheejay.com/wp-content/uploads/2020/03/star-wars-2082969_1280-768x576.jpg 768w, https://dheejay.com/wp-content/uploads/2020/03/star-wars-2082969_1280.jpg 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption id="caption-attachment-455" class="wp-caption-text">This is a caption</figcaption></figure>
<p>That&#8217;s always been a danger looming like a shadow over everything we&#8217;ve built here. But things have developed that will insure security. I&#8217;ve just made a deal that will keep the Empire out of here forever. We would be honored if you would join us. I had no choice. They arrived right before you did. I&#8217;m sorry. I&#8217;m sorry, too.</p>
							<!-- Return to faq-list -->
							<p class="centre-text return-top"><a href="#question-list" class="custom-icon arrow-up-after underline-hidden">Return To FAQs</a></p>
						</div>
											<div id="faq-2" class="faq-section">
							<h3>This is Section Two</h3>
							<p>Luke, we&#8217;re ready for takeoff. Good luck, Lando When we find Jabba the Hut and that bounty hunter, we&#8217;ll contact you. I&#8217;ll meet you at the rendezvous point on Tatooine. Princess, we&#8217;ll find Han. I promise. Chewie, I&#8217;ll be waiting for your signal. Take care, you two. May the Force be with you. Ow!</p>
<p>Horizontal boosters&#8230;! Alluvial dampers&#8230;! Well that&#8217;s not it. Bring me the hydrospanners! I don&#8217;t know how we&#8217;re going to get out of this one. Oww! Chewie! That was no laser blast! Something hit us. Han, get up here! Come on, Chewie! Asteroids! Oh, no! Chewie, set two-seven-one. What are you doing? You&#8217;re not actually going into an asteroid field? They&#8217;d be crazy to follow us, wouldn&#8217;t they? You don&#8217;t have to do this to impress me. Sir, the possibility of successfully navigating an asteroid field is approximately three thousand, seven hundred and twenty to one. Never tell me the odds!</p>
							<!-- Return to faq-list -->
							<p class="centre-text return-top"><a href="#question-list" class="custom-icon arrow-up-after underline-hidden">Return To FAQs</a></p>
						</div>
											<div id="faq-3" class="faq-section">
							<h3>And now Section 3</h3>
							<p>Come on! You want me to stay because of the way you feel about me. Yes. You&#8217;re a great help to us. You&#8217;re a natural leader&#8230; No! That&#8217;s not it. Come on. Aahhh &#8211; uh huh! Come on. You&#8217;re imagining things. Am I? Then why are you following me? Afraid I was going to leave without giving you a goodbye kiss? I&#8217;d just as soon kiss a Wookiee. I can arrange that. You could use a good kiss!</p>
<p><img class="alignnone size-large wp-image-454" src="http://localhost/foundation/wp-content/uploads/2020/03/sahara-3729651_1280-1024x682.jpg" alt="" width="1024" height="682" srcset="https://dheejay.com/wp-content/uploads/2020/03/sahara-3729651_1280-1024x682.jpg 1024w, https://dheejay.com/wp-content/uploads/2020/03/sahara-3729651_1280-300x200.jpg 300w, https://dheejay.com/wp-content/uploads/2020/03/sahara-3729651_1280-768x512.jpg 768w, https://dheejay.com/wp-content/uploads/2020/03/sahara-3729651_1280.jpg 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></p>
<p>Princess&#8230;we have a visitor. We&#8217;ve picked up something outside the base in zone twelve, moving east. It&#8217;s metal. Then it couldn&#8217;t be one of those creatures that attacked Luke. It could be a speeder, one of ours. No. Wait &#8211; there&#8217;s something very weak coming through. Sir, I am fluent in six million forms of communication. This signal is not used by the Alliance. It could be an Imperial code. It isn&#8217;t friendly, whatever it is. Come on, Chewie, let&#8217;s check it out. Send Rouges Ten and Eleven to station three-eight.</p>
							<!-- Return to faq-list -->
							<p class="centre-text return-top"><a href="#question-list" class="custom-icon arrow-up-after underline-hidden">Return To FAQs</a></p>
						</div>
												</div>

		</div><!-- .faq-holder -->
	
	</div>	<!-- .faq-grid -->

</section><!-- .standard -->




<section  class="bb-page-list cards-block  indented  dark-col-bg light-text animated">
    
    <!-- Page Links Heading -->
                <h2>Page Links Block</h2>
       


     

    <div class="page-list-grid cards-grid one-column-archive">
        
<article id="post-467" class="postcard light-background" >

    <a class="post-thumbnail " href="https://dheejay.com/dance-music/buttons-links/" aria-hidden="true">
        <div class="archive-post-thumbnail">        
            <img width="1280" height="853" src="https://dheejay.com/wp-content/uploads/2020/03/chewbacca-of-star-wars-3526020.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="Buttons &#038; Links" srcset="https://dheejay.com/wp-content/uploads/2020/03/chewbacca-of-star-wars-3526020.jpg 1280w, https://dheejay.com/wp-content/uploads/2020/03/chewbacca-of-star-wars-3526020-300x200.jpg 300w, https://dheejay.com/wp-content/uploads/2020/03/chewbacca-of-star-wars-3526020-1024x682.jpg 1024w, https://dheejay.com/wp-content/uploads/2020/03/chewbacca-of-star-wars-3526020-768x512.jpg 768w" sizes="(max-width: 1280px) 100vw, 1280px" />        </div>
    </a>
    
    <div class="postcard-content">         
        <h3 class="entry-title"><a href="https://dheejay.com/dance-music/buttons-links/" rel="bookmark">Buttons &#038; Links</a></h3>        <div class="entry-meta">  

            <div class="on-by">
            <span class="byline"> By <span class="author vcard"><a class="url fn n" href="https://dheejay.com/author/admin-dheejay/">admin-dheejay</a></span></span>&#8200;<span class="posted-on">on <a href="https://dheejay.com/dance-music/buttons-links/" rel="bookmark"><time class="entry-date published" datetime="2020-03-24T20:40:42+00:00">24 March 2020</time><time class="updated" datetime="2020-04-04T15:46:11+01:00">4 April 2020</time></a></span>            </div>
            
             <h4 class="category">Category:&#8200;<ul class="post-categories">
	<li><a href="https://dheejay.com/category/dance-music/" rel="category tag">Dance Music</a></li></ul></h4>   
            
        </div><!-- .entry-meta -->

        <!-- Yoast Meta description -->
                    <div class="postcard-overview">
                <p>Yes, sir. I think those new droids are going to work out fine. In fact, I, uh, was also thinking about our agreement about my staying on another season.</p>
            </div>
        
        <!--  -->
        
    </div><!-- .postcard-content -->

        <h4 class="read-more">
            <a href="https://dheejay.com/dance-music/buttons-links/">Read More</a>
        </h4>
    
</article>
<article id="post-465" class="postcard light-background" >

    <a class="post-thumbnail " href="https://dheejay.com/dance-music/theme-unit-test-data/" aria-hidden="true">
        <div class="archive-post-thumbnail">        
            <img width="1280" height="960" src="https://dheejay.com/wp-content/uploads/2020/03/star-wars-2082969_1280.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="Theme Unit Test Data" srcset="https://dheejay.com/wp-content/uploads/2020/03/star-wars-2082969_1280.jpg 1280w, https://dheejay.com/wp-content/uploads/2020/03/star-wars-2082969_1280-300x225.jpg 300w, https://dheejay.com/wp-content/uploads/2020/03/star-wars-2082969_1280-1024x768.jpg 1024w, https://dheejay.com/wp-content/uploads/2020/03/star-wars-2082969_1280-768x576.jpg 768w" sizes="(max-width: 1280px) 100vw, 1280px" />        </div>
    </a>
    
    <div class="postcard-content">         
        <h3 class="entry-title"><a href="https://dheejay.com/dance-music/theme-unit-test-data/" rel="bookmark">Theme Unit Test Data</a></h3>        <div class="entry-meta">  

            <div class="on-by">
            <span class="byline"> By <span class="author vcard"><a class="url fn n" href="https://dheejay.com/author/admin-dheejay/">admin-dheejay</a></span></span>&#8200;<span class="posted-on">on <a href="https://dheejay.com/dance-music/theme-unit-test-data/" rel="bookmark"><time class="entry-date published" datetime="2020-03-24T20:39:02+00:00">24 March 2020</time><time class="updated" datetime="2020-03-26T14:57:01+00:00">26 March 2020</time></a></span>            </div>
            
             <h4 class="category">Category:&#8200;<ul class="post-categories">
	<li><a href="https://dheejay.com/category/dance-music/" rel="category tag">Dance Music</a></li></ul></h4>   
            
        </div><!-- .entry-meta -->

        <!-- Yoast Meta description -->
                    <div class="postcard-overview">
                <p>It wasn&#8217;t my fault, sir. Please don&#8217;t deactivate me. I told him not to go, but he&#8217;s faulty, malfunctioning, kept babbling on about his mission.</p>
            </div>
        
        <!--  -->
        
    </div><!-- .postcard-content -->

        <h4 class="read-more">
            <a href="https://dheejay.com/dance-music/theme-unit-test-data/">Read More</a>
        </h4>
    
</article>    </div>

</section>






<section  class="bb-pullquote boxed-md animated white-bg normal-text primary-col-quotes ">
	<blockquote>
		<p>This is some placeholder text for your section. Always make sure that you have replaced this dummy content with your own before publishing anything online.</p>
		<cite>
			<span class="name">Luke Skywalker</span>
			<span class="position">Farmer</span>
			<span class="source">Tatooine</span>
		</cite>
	</blockquote>	
</section>






<section  class="bb-testimonial indented slider-centre-nav hide-dots animated white-bg normal-text ">
    <!-- Testimonial Heading -->
                <h2>Testimonials</h2>
    
    <!-- Testimonial Intro -->
    

    <div class="testimonial-slider slick-container">
                    <blockquote class="light-background">

                <!-- Testifier Image -->
                
                <!-- Testifier Quote -->
                <div class="testimonial-content">
                    <p>This is some placeholder text for your section. Always make sure that you have replaced this dummy content with your own before publishing anything online.</p>
                    

                    <!-- Testifier Info -->
                    <cite>

                        <!-- Rating -->

                        
                        

                        <!-- Name -->
                        <span class="name"></span>

                        <!-- Position -->
                                                
                        <!-- Source of Info -->
											</cite>
                </div>
            </blockquote><!-- end blockquote -->
                    <blockquote class="light-background">

                <!-- Testifier Image -->
                
                <!-- Testifier Quote -->
                <div class="testimonial-content">
                    <p>This is some placeholder text for your section. Always make sure that you have replaced this dummy content with your own before publishing anything online.</p>
                    

                    <!-- Testifier Info -->
                    <cite>

                        <!-- Rating -->

                        
                        

                        <!-- Name -->
                        <span class="name"></span>

                        <!-- Position -->
                                                
                        <!-- Source of Info -->
											</cite>
                </div>
            </blockquote><!-- end blockquote -->
            </div><!-- end container -->

     <!-- end if have rows -->
    <!-- <div class="testimonial-slider-counter"><span></span></div> -->
</section>




<section  class="bb-single-image animated no-padding ">
	<img alt="" class=""  
			src="https://dheejay.com/wp-content/uploads/2020/03/sahara-3729651_1280.jpg" 
			srcset="https://dheejay.com/wp-content/uploads/2020/03/sahara-3729651_1280-1024x682.jpg 1024w,
			https://dheejay.com/wp-content/uploads/2020/03/sahara-3729651_1280-768x512.jpg 768w,
			https://dheejay.com/wp-content/uploads/2020/03/sahara-3729651_1280-300x200.jpg 300w,
			https://dheejay.com/wp-content/uploads/2020/03/sahara-3729651_1280-150x150.jpg 150w"></section>




<section  class="bb-services-image animated white-bg boxed-lg normal-text ">

    <!-- Services Heading -->
                <h2>Services Image Block</h2>
    
    <!-- Services List -->
    <div class="service-grid one-column-block">

                            
                                    
                    <div class="service-card">
                        <div class="service-image">
                            <img src="https://dheejay.com/wp-content/uploads/2020/03/darth-vader-1207142-scaled.jpg" alt="" />
                        </div>

                        <div class="service-text">
                            <section id="body">
<div class="container">
<div class="row">
<div id="ipsum">
<p>Sir, we&#8217;ve lost our bridge deflector shield. Intensify the forward batteries. I don&#8217;t want anything to get through. Intensify forward firepower! It&#8217;s too late!</p>
</div>
</div>
</div>
</section>
                                                    </div>                        
                    </div>
        
                                    
                    <div class="service-card">
                        <div class="service-image">
                            <img src="https://dheejay.com/wp-content/uploads/2020/03/star-wars-2172955_1280.jpg" alt="" />
                        </div>

                        <div class="service-text">
                            <p>Nice work. Great, Chewie! Great! Always thinking with your stomach. Will you take it easy? Let&#8217;s just figure out a way to get out of this thing. Han, can you reach my lightsaber? Yeah, sure. Artoo, I&#8217;m not sure that&#8217;s such a good idea.</p>
                                                    </div>                        
                    </div>
        
                        
                    
    </div><!-- End .service-grid -->

     

</section>




<section  class="bb-multi-sce animated white-bg normal-text wide-gutter ">
	
				<h2>Multi Standard</h2>
	

			<div class="multi-sce-grid">

			<!-- blocks -->    

							<div class="multi-sce-grid-row  boxed-md one-column-row">
					<div class="row-holder">
						<!-- row -->
						
							<!-- column -->
							
								<div class="multi-sce-grid-column ">
									<p>Welcome, young Skywalker. I have been expecting you. You no longer need those. Guards, leave us. I&#8217;m looking forward to completing your training. In time you will call me Master. You&#8217;re gravely mistaken. You won&#8217;t convert me as you did my father. Oh, no, my young Jedi. You will find that it is you who are mistaken&#8230;about a great many things. His lightsaber. Ah, yes, a Jedi&#8217;s weapon. Much like your father&#8217;s. By now you must know your father can never be turned from the dark side. So will it be with you. You&#8217;re wrong. Soon I&#8217;ll be dead&#8230;and you with me.</p>
								</div>
				
							<!-- column -->
				
						<!-- ACF field row -->
					</div><!-- .row-holder -->
				</div><!-- .multi-sce-grid-row -->

			<!-- blocks -->    

							<div class="multi-sce-grid-row  boxed-lg two-column-row">
					<div class="row-holder">
						<!-- row -->
						
							<!-- column -->
							
								<div class="multi-sce-grid-column ">
									<p>Master. Luke Skywalker, Jedi Knight. I told you not to admit him. I must be allowed to speak. He must be allowed to speak. You weak-minded fool! He&#8217;s using an old Jedi mind trick. You will bring Captain Solo and the Wookiee to me. Your mind powers will not work on me, boy. Nevertheless, I&#8217;m taking Captain Solo and his friends. You can either profit by this&#8230; or be destroyed! It&#8217;s your choice. But I warn you not to underestimate my powers. Master Luke, you&#8217;re standing on&#8230; There will be no bargain, young Jedi. I shall enjoy watching you die. Bascka! Oh, no! The Rancor!</p>
								</div>
				
							<!-- column -->
							
								<div class="multi-sce-grid-column ">
									<p>That blast came from the Death Star! That thing&#8217;s operational! Home One, this is Gold Leader. We saw it. All craft prepare to retreat. You won&#8217;t get another chance at this, Admiral. We have no choice, General Calrissian. Our cruisers can&#8217;t repel firepower of that magnitude. Han will have that shield down. We&#8217;ve got to give him more time.</p>
								</div>
				
							<!-- column -->
				
						<!-- ACF field row -->
					</div><!-- .row-holder -->
				</div><!-- .multi-sce-grid-row -->

			<!-- blocks -->    

							<div class="multi-sce-grid-row  indented one-column-row">
					<div class="row-holder">
						<!-- row -->
						
							<!-- column -->
							
								<div class="multi-sce-grid-column ">
									<p><img class="alignnone size-large wp-image-470" src="http://localhost/foundation/wp-content/uploads/2020/03/star-wars-2172955_1280-1024x682.jpg" alt="" width="1024" height="682" srcset="https://dheejay.com/wp-content/uploads/2020/03/star-wars-2172955_1280-1024x682.jpg 1024w, https://dheejay.com/wp-content/uploads/2020/03/star-wars-2172955_1280-300x200.jpg 300w, https://dheejay.com/wp-content/uploads/2020/03/star-wars-2172955_1280-768x512.jpg 768w, https://dheejay.com/wp-content/uploads/2020/03/star-wars-2172955_1280.jpg 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></p>
								</div>
				
							<!-- column -->
				
						<!-- ACF field row -->
					</div><!-- .row-holder -->
				</div><!-- .multi-sce-grid-row -->

			<!-- blocks -->    

							<div class="multi-sce-grid-row  boxed-md one-column-row">
					<div class="row-holder">
						<!-- row -->
						
							<!-- column -->
							
								<div class="multi-sce-grid-column ">
									<h2>Heading 2</h2>
<p>Anakin was a good friend. When I first knew him, your father was already a great pilot. But I was amazed how strongly the Force was with him. I took it upon myself to train him as a Jedi. I thought that I could instruct him just as well as Yoda. I was wrong. There&#8217;s still good in him. He is more machine now than man. Twisted and evil. I can&#8217;t do it, Ben. You cannot escape your destiny. I can&#8217;t kill my own father. Then the Emperor has already won. You were our only hope. Yoda spoke of another. The other he spoke of is your twin sister. But I have no sister. To protect you both from the Emperor, you were hidden from your father when you were born.</p>
								</div>
				
							<!-- column -->
				
						<!-- ACF field row -->
					</div><!-- .row-holder -->
				</div><!-- .multi-sce-grid-row -->

			<!-- blocks -->

		</div>        
	</section><!-- .standard -->


<!-- Scripts -->



<script>
jQuery(document).ready(function ($) {

    $('.bb-img-slider').each(function(key, item) {

        var $slickElement = $(this).find('.image-slider');

        var sliderIdName = 'imageSlider' + key;
        $slickElement.attr("id", sliderIdName);
        var sliderId = '#' + sliderIdName;
        
        $(this).append('<div class="image-slider-counter"><span class="image-slider-current"></span><span class="slider-separator"></span><span class="image-slider-total"></span></div>');
 
        var $slickCurrent = $(this).find('.image-slider-current'); 
        var $slickTotal = $(this).find('.image-slider-total');        
        var $status = $(this).find('.image-slider-counter span');

        $slickElement.on('init', function(event, slick) {
            
            $slickCurrent.text(slick.currentSlide + 1);
            $slickTotal.text(slick.slideCount);
        })

        $($slickElement).slick({
            slidesToShow: 1,
            slidesToScroll: 1,
            arrows: true,
            fade: true,
            // asNavFor: sliderNavId
        });

        $slickElement.on('beforeChange', function(event, slick, currentSlide, nextSlide) {
            $slickCurrent.text(nextSlide + 1);
        });

    });
});
</script>


<!-- Content -->

<section   class="bb-img-slider slider-centre-nav hide-dots animated indented white-bg normal-text ">
    <!-- Slider Heading -->
                <h2>Image Slider Heading</h2>
    
    <!-- Slider Images -->
    <div class="image-slider"> 
                                <div class="slick-container">
                            <img alt="" class=""  
                                src="https://dheejay.com/wp-content/uploads/2020/03/darth-vader-1207142-1024x680.jpg" 
                                srcset="https://dheejay.com/wp-content/uploads/2020/03/darth-vader-1207142-scaled.jpg 1200w,
                                https://dheejay.com/wp-content/uploads/2020/03/darth-vader-1207142-1024x680.jpg 1024w,
                                https://dheejay.com/wp-content/uploads/2020/03/darth-vader-1207142-768x510.jpg 768w,
                                https://dheejay.com/wp-content/uploads/2020/03/darth-vader-1207142-300x199.jpg 300w,
                                https://dheejay.com/wp-content/uploads/2020/03/darth-vader-1207142-150x150.jpg 150w">    
                        </div>
                                            <div class="slick-container">
                            <img alt="" class=""  
                                src="https://dheejay.com/wp-content/uploads/2020/03/star-wars-2172955_1280-1024x682.jpg" 
                                srcset="https://dheejay.com/wp-content/uploads/2020/03/star-wars-2172955_1280.jpg 1200w,
                                https://dheejay.com/wp-content/uploads/2020/03/star-wars-2172955_1280-1024x682.jpg 1024w,
                                https://dheejay.com/wp-content/uploads/2020/03/star-wars-2172955_1280-768x512.jpg 768w,
                                https://dheejay.com/wp-content/uploads/2020/03/star-wars-2172955_1280-300x200.jpg 300w,
                                https://dheejay.com/wp-content/uploads/2020/03/star-wars-2172955_1280-150x150.jpg 150w">    
                        </div>
                                            <div class="slick-container">
                            <img alt="" class=""  
                                src="https://dheejay.com/wp-content/uploads/2020/03/star-wars-2172948_1280-1024x682.jpg" 
                                srcset="https://dheejay.com/wp-content/uploads/2020/03/star-wars-2172948_1280.jpg 1200w,
                                https://dheejay.com/wp-content/uploads/2020/03/star-wars-2172948_1280-1024x682.jpg 1024w,
                                https://dheejay.com/wp-content/uploads/2020/03/star-wars-2172948_1280-768x512.jpg 768w,
                                https://dheejay.com/wp-content/uploads/2020/03/star-wars-2172948_1280-300x200.jpg 300w,
                                https://dheejay.com/wp-content/uploads/2020/03/star-wars-2172948_1280-150x150.jpg 150w">    
                        </div>
                            </div> <!-- image-slider -->

        
</section>




<section  class="bb-gallery animated indented white-bg normal-text ">

	<!-- Gallery Heading -->
				<h2>Gallery Heading</h2>
	
	<!-- Gallery Images -->
	
<a href='https://dheejay.com/dance-music/theme-unit-test-data/attachment/chewbacca-of-star-wars-3526020/'><img width="1024" height="682" src="https://dheejay.com/wp-content/uploads/2020/03/chewbacca-of-star-wars-3526020-1024x682.jpg" class="attachment-large size-large" alt="" srcset="https://dheejay.com/wp-content/uploads/2020/03/chewbacca-of-star-wars-3526020-1024x682.jpg 1024w, https://dheejay.com/wp-content/uploads/2020/03/chewbacca-of-star-wars-3526020-300x200.jpg 300w, https://dheejay.com/wp-content/uploads/2020/03/chewbacca-of-star-wars-3526020-768x512.jpg 768w, https://dheejay.com/wp-content/uploads/2020/03/chewbacca-of-star-wars-3526020.jpg 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></a>


<a href='https://dheejay.com/home/attachment/darth-vader-1207142/'><img width="1024" height="680" src="https://dheejay.com/wp-content/uploads/2020/03/darth-vader-1207142-1024x680.jpg" class="attachment-large size-large" alt="" srcset="https://dheejay.com/wp-content/uploads/2020/03/darth-vader-1207142-1024x680.jpg 1024w, https://dheejay.com/wp-content/uploads/2020/03/darth-vader-1207142-300x199.jpg 300w, https://dheejay.com/wp-content/uploads/2020/03/darth-vader-1207142-768x510.jpg 768w, https://dheejay.com/wp-content/uploads/2020/03/darth-vader-1207142-1536x1020.jpg 1536w, https://dheejay.com/wp-content/uploads/2020/03/darth-vader-1207142-2048x1361.jpg 2048w" sizes="(max-width: 1024px) 100vw, 1024px" /></a>
<a href='https://dheejay.com/star-wars-2172955_1280/'><img width="1024" height="682" src="https://dheejay.com/wp-content/uploads/2020/03/star-wars-2172955_1280-1024x682.jpg" class="attachment-large size-large" alt="" srcset="https://dheejay.com/wp-content/uploads/2020/03/star-wars-2172955_1280-1024x682.jpg 1024w, https://dheejay.com/wp-content/uploads/2020/03/star-wars-2172955_1280-300x200.jpg 300w, https://dheejay.com/wp-content/uploads/2020/03/star-wars-2172955_1280-768x512.jpg 768w, https://dheejay.com/wp-content/uploads/2020/03/star-wars-2172955_1280.jpg 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></a>


</section>




<section  class="bb-cover cover animated dark-overlay light-text  boxed-md ">
    
        <!-- Cover Image -->
        <div class="cover-bg-image">
            <img alt="" class=""  
                src="https://dheejay.com/wp-content/uploads/2020/03/celtic-fans-flare.jpg" 
                srcset="https://dheejay.com/wp-content/uploads/2020/03/celtic-fans-flare-1024x683.jpg 1024w,
                https://dheejay.com/wp-content/uploads/2020/03/celtic-fans-flare-768x512.jpg 768w,
                https://dheejay.com/wp-content/uploads/2020/03/celtic-fans-flare-300x200.jpg 300w,
                https://dheejay.com/wp-content/uploads/2020/03/celtic-fans-flare-150x150.jpg 150w">        </div>  

        <div class="bb-cover-grid">   
            <div class="bb-cover-content">
                <h2>Cover Heading</h2>
<p>This is some placeholder text for your section. Always make sure that you have replaced this dummy content with your own before publishing anything online.</p>
            </div>

            <!-- Cover Button -->
             
        </div>  
    
</section>



<section  class="bb-clients indented animated white-bg normal-text   ">

<!-- Clients Heading -->
        <h2>Client Logos Heading</h2>

<!-- Clients' Logos -->
<ul class="client-logos no-list-style">




            <li>
            <img src="https://dheejay.com/wp-content/uploads/2020/03/vitra-PNG.png" alt="">
        </li>
        



            <li>
            <img src="https://dheejay.com/wp-content/uploads/2020/03/moroso-PNG.png" alt="">
        </li>
        



            <li>
            <img src="https://dheejay.com/wp-content/uploads/2020/03/boconcept-PNG.png" alt="">
        </li>
        



            <li>
            <img src="https://dheejay.com/wp-content/uploads/2020/03/bene-PNG.png" alt="">
        </li>
                           
        </ul><!-- end container -->
</section>




<section  class="bb-about full-bleed-image animated boxed-lg white-bg normal-text about-img-right padded ">

    <div class="about-grid">

        <!-- About FB Image -->
        <div class="about-image">
            <img alt="" class=""  
                src="https://dheejay.com/wp-content/uploads/2020/03/star-wars-2172955_1280-1024x682.jpg" 
                srcset="https://dheejay.com/wp-content/uploads/2020/03/star-wars-2172955_1280-1024x682.jpg 1024w,
                https://dheejay.com/wp-content/uploads/2020/03/star-wars-2172955_1280-768x512.jpg 768w,
                https://dheejay.com/wp-content/uploads/2020/03/star-wars-2172955_1280-300x200.jpg 300w,
                https://dheejay.com/wp-content/uploads/2020/03/star-wars-2172955_1280-150x150.jpg 150w">        </div>
        
        
        
        <div class="about-text">
            <!-- About FB Desktop Heading -->
                            <h2 class="">About Full Bleed Heading</h2>
                        <!-- About FB text -->
                            <p>This is some placeholder text for your section. Always make sure that you have replaced this dummy content with your own before publishing anything online.</p>
            
            <!-- About FB Button -->
             
        </div>
    </div>

</section>



<!-- About Breakout Block  -->

<section  class="bb-about-breakout animated boxed-lg secondary-col-bg normal-text  about-img-right ">

    <div class="about-breakout-grid ">
        <!-- About Breakout Mobile Heading -->
                    <h2 class="mobile-only">About Breakout Heading</h2>
        
        <div class="about-breakout-text">
            <!-- About Breakout Desktop Heading -->
                            <h2 class="desktop-only">About Breakout Heading</h2>
                        <!-- About Breakout text -->
                            <p>This is some placeholder text for your section. Always make sure that you have replaced this dummy content with your own before publishing anything online.</p>
            
            <!-- About Breakout Button -->
             
        </div>

        <!-- About Breakout Image -->
        <div class="about-breakout-image">

            <img alt="" class=""  
                src="https://dheejay.com/wp-content/uploads/2020/03/trooper.png" 
                srcset="https://dheejay.com/wp-content/uploads/2020/03/trooper.png 1024w,
                https://dheejay.com/wp-content/uploads/2020/03/trooper.png 550w,
                https://dheejay.com/wp-content/uploads/2020/03/trooper-221x300.png 221w,
                https://dheejay.com/wp-content/uploads/2020/03/trooper-150x150.png 150w">        </div>
        
    </div>

</section>



<!-- About Block  -->

<section  class="bb-about animated boxed-lg white-bg normal-text about-img-right no-shadow ">

    <div class="about-grid">
        <!-- About Mobile Heading -->
                    <h2 class="mobile-only">About Block Heading</h2>
        
        <!-- About Image -->
        <div class="about-image about-img-right">
            <img alt="" class=""  
                src="https://dheejay.com/wp-content/uploads/2020/03/darth-vader-1207142-1024x680.jpg" 
                srcset="https://dheejay.com/wp-content/uploads/2020/03/darth-vader-1207142-1024x680.jpg 1024w,
                https://dheejay.com/wp-content/uploads/2020/03/darth-vader-1207142-768x510.jpg 768w,
                https://dheejay.com/wp-content/uploads/2020/03/darth-vader-1207142-300x199.jpg 300w,
                https://dheejay.com/wp-content/uploads/2020/03/darth-vader-1207142-150x150.jpg 150w">        </div>        
        
        <div class="about-text">
            <!-- About Desktop Heading -->
                            <h2 class="desktop-only">About Block Heading</h2>
                        <!-- About text -->
                            <p>This is some placeholder text for your section. Always make sure that you have replaced this dummy content with your own before publishing anything online.</p>
            


            <!-- About Button -->
             
        </div>
    </div>

</section><p>The post <a rel="nofollow" href="https://dheejay.com/dance-music/block-animations/">Block Animations</a> appeared first on <a rel="nofollow" href="https://dheejay.com">Dheejay</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://dheejay.com/dance-music/block-animations/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Hero Animations</title>
		<link>https://dheejay.com/dance-music/hero-animations/</link>
					<comments>https://dheejay.com/dance-music/hero-animations/#respond</comments>
		
		<dc:creator><![CDATA[admin-dheejay]]></dc:creator>
		<pubDate>Tue, 07 Apr 2020 19:38:51 +0000</pubDate>
				<category><![CDATA[Dance Music]]></category>
		<guid isPermaLink="false">http://localhost/foundation/?p=825</guid>

					<description><![CDATA[<p>The post <a rel="nofollow" href="https://dheejay.com/dance-music/hero-animations/">Hero Animations</a> appeared first on <a rel="nofollow" href="https://dheejay.com">Dheejay</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<script>
//-----------------
// Gallery Hero
//-----------------

jQuery(window).on("load", function($){

// ---- Gallery Hero Image Shrink ---------
// ---- Gallery Hero Text FadeInUp ---------

var heroController = new ScrollMagic.Controller();
var heroTl = gsap.timeline();

var heroImage = jQuery('.show-animations #gallery-hero.animated .hero-image-gallery img'); 
var preludeText = jQuery('.show-animations #gallery-hero.animated .prelude-grid > *');   

// GSAP Animation
heroTl.to(heroImage, { duration: 2, stagger: .25, scale: 1, ease: "power2.out" })
    .from(preludeText, { duration: 1, opacity: 0, y: 100, stagger: .5, ease: "power2.out" }, '-=2');


// ScrollMagic Scene
var scene = new ScrollMagic.Scene({
    triggerElement: "#gallery-hero",
    triggerHook: 0
    // duration: 500
})
// .addIndicators({
//     indent: 200,
//     name: "gallery"
// })

// Initialise
.setTween(heroTl)
.addTo(heroController);
});
</script>
<section id="gallery-hero" class="  primary-col-bg animated">
	<div class="gallery-hero-grid">
        <!-- Image Hero Gallery -->
        
		<div class="hero-image-gallery two-image-gallery"> 
			
            					<div class="image-holder">
                                <img alt="" class="no-lazy-load"  
                                    src="https://dheejay.com/wp-content/uploads/2020/03/darth-vader-1207142-1024x680.jpg" 
                                    srcset="https://dheejay.com/wp-content/uploads/2020/03/darth-vader-1207142-scaled.jpg 1200w,
                                    https://dheejay.com/wp-content/uploads/2020/03/darth-vader-1207142-1024x680.jpg 1024w,
                                    https://dheejay.com/wp-content/uploads/2020/03/darth-vader-1207142-768x510.jpg 768w,
                                    https://dheejay.com/wp-content/uploads/2020/03/darth-vader-1207142-300x199.jpg 300w,
                                    https://dheejay.com/wp-content/uploads/2020/03/darth-vader-1207142-150x150.jpg 150w">					</div>
										<div class="image-holder">
                                <img alt="" class="no-lazy-load"  
                                    src="https://dheejay.com/wp-content/uploads/2020/03/star-wars-2172955_1280-1024x682.jpg" 
                                    srcset="https://dheejay.com/wp-content/uploads/2020/03/star-wars-2172955_1280.jpg 1200w,
                                    https://dheejay.com/wp-content/uploads/2020/03/star-wars-2172955_1280-1024x682.jpg 1024w,
                                    https://dheejay.com/wp-content/uploads/2020/03/star-wars-2172955_1280-768x512.jpg 768w,
                                    https://dheejay.com/wp-content/uploads/2020/03/star-wars-2172955_1280-300x200.jpg 300w,
                                    https://dheejay.com/wp-content/uploads/2020/03/star-wars-2172955_1280-150x150.jpg 150w">					</div>
						
               
        </div>  

		<div class="prelude-grid boxed-md light-text">
				<!-- Post/Page Title -->
									<h1 class="entry-title">Alt heading</h1>
								
				<!-- Hero Text -->
									<div class="intro-content">
						<p>This facility is crude, but it should be adequate to freeze Skywalker for his journey to the Emperor. Lord Vader, ship approaching. X-wing class. Good. Monitor Skywalker and allow him to land. Lord Vader, we only use this facility for carbon freezing.</p>
					</div>
						</div>
	</div>	
</section>

<!-- Post Meta -->



<script>
//-----------------
// Default Hero
//-----------------

jQuery(window).on("load", function($){

    // ---- Default Hero image Parallax ---------

    // jQuery(document).ready(heroHeightFn);
    // jQuery(window).on('resize',heroHeightFn);

    // function heroHeightFn() {
    //     var height = jQuery('#default-hero').outerHeight();
    //     return height;
    // }

    var heroController = new ScrollMagic.Controller();
    var heroTl = gsap.timeline();

    var heroImage = jQuery('.show-animations #default-hero.animated .post-thumbnail img');    

    // GSAP Animation
    heroTl.fromTo(heroImage, { y: "-=3vw", ease: Linear.easeNone }, { y: "+=3vw", ease: Linear.easeNone }); //parallax


    // ScrollMagic Scene
    var scene = new ScrollMagic.Scene({
        triggerElement: "#default-hero",
        // duration: heroHeightFn,
        reverse: true,
        triggerHook: 0
    })
    .duration( jQuery("#default-hero").outerHeight() )
    .addIndicators({
        indent: 5,
        name: "default"
    })

    // Initialise
    .setTween(heroTl)
    .addTo(heroController);


    // ---- Default Prelude Text (Fade in Up) ---------

    var preludeController = new ScrollMagic.Controller();
    var preludeTl = gsap.timeline();

    var preludeText = jQuery('.show-animations #default-hero + .prelude > *');    

    // GSAP Animation
    preludeTl.from(preludeText, { duration: 2, opacity: 0, y: 100, stagger: .5, ease: "power2.out" });


    // ScrollMagic Scene
    var scene = new ScrollMagic.Scene({
        triggerElement: ".show-animations #default-hero + .prelude",
        triggerHook: .6,
        reverse: false
    })
    // .addIndicators({
    //     indent: 300,
    //     name: "default intro"
    // })

    // Initialise
    .setTween(preludeTl)
    .addTo(preludeController);

    });
</script>
<section id="default-hero" class=" animated">
	<!-- Hero Image -->
	<div class="post-thumbnail">	
		<img width="1280" height="853" src="https://dheejay.com/wp-content/uploads/2020/03/chewbacca-of-star-wars-3526020.jpg" class="no-lazy-load wp-post-image" alt="" srcset="https://dheejay.com/wp-content/uploads/2020/03/chewbacca-of-star-wars-3526020.jpg 1280w, https://dheejay.com/wp-content/uploads/2020/03/chewbacca-of-star-wars-3526020-300x200.jpg 300w, https://dheejay.com/wp-content/uploads/2020/03/chewbacca-of-star-wars-3526020-1024x682.jpg 1024w, https://dheejay.com/wp-content/uploads/2020/03/chewbacca-of-star-wars-3526020-768x512.jpg 768w" sizes="(max-width: 1280px) 100vw, 1280px" />    
	</div>
</section>

<!-- Prologue - Intro & Meta* (*posts only) -->
<div class="prelude boxed-md white-bg normal-text">
		<!-- Post/Page Title -->
                    <h1 class="entry-title">Default Hero</h1>
        		
		<!-- Intro -->
					<div class="intro-content">
				<p>Sir, Commander Skywalker hasn&#8217;t come in through the south entrance. He might have forgotten to check in. Not likely. Are the speeders ready? Not yet. We&#8217;re having some trouble adapting them to the cold. Then we&#8217;ll have to go out on Tauntauns. Sir, the temperature&#8217;s dropping too rapidly. That&#8217;s right. And my friends out in it. I&#8217;ll cover sector twelve. Have com-control set screen alpha.</p>
			</div>
		
		<!-- POST ONLY Meta -->
		</div><!-- prelude -->



<script>
//-----------------
// Article Hero
//-----------------

jQuery(window).on("load", function($){

    // ---- Article Prelude Text FadeInUp ---------

    var preludeControllerIn = new ScrollMagic.Controller();
    var preludeTmlIn = gsap.timeline();

    var preludeText = jQuery('.show-animations #article-hero.animated .prelude > *');    

    // GSAP Animation
    preludeTmlIn.from(preludeText, { duration: 2, opacity: 0, y: 100, stagger: .5, ease: "power2.out" });


    // ScrollMagic Scene
    var scene = new ScrollMagic.Scene({
        triggerElement: ".show-animations #article-hero",
        triggerHook: 0,
        reverse: false
    })
    // .offset(jQuery('#article-hero').outerHeight()/2)
    // .addIndicators({
    //     indent: 0,
    //     name: "article prelude in"
    // })

    // Initialise
    .setTween(preludeTmlIn)
    .addTo(preludeControllerIn);


    // ---- Article Prelude Text FadeOut ---------

    // var preludeControllerOut = new ScrollMagic.Controller();
    // var preludeTmlOut = gsap.timeline();

    // var preludeText = jQuery('.show-animations #article-hero.animated .prelude > *');    

    // // GSAP Animation
    // preludeTmlOut.to(preludeText, { duration: .5, opacity: 0, stagger: .2, ease: "power2.out" });


    // // ScrollMagic Scene
    // var scene = new ScrollMagic.Scene({
    //     triggerElement: ".show-animations #article-hero",
    //     triggerHook: .6,
    //     reverse: true
    // })
    // .offset(jQuery('#article-hero').outerHeight()*.75)
    // // .addIndicators({
    // //     indent: 0,
    // //     name: "article prelude out"
    // // })

    // // Initialise
    // .setTween(preludeTmlOut)
    // .addTo(preludeControllerOut);

});
</script>
<section id="article-hero" class="articleHero   intro-centre intro-middle  light-text dark-overlay animated">
	<!-- Hero Image -->
	<div class="post-thumbnail">	
		<img width="1280" height="853" src="https://dheejay.com/wp-content/uploads/2020/03/chewbacca-of-star-wars-3526020.jpg" class="no-lazy-load wp-post-image" alt="" srcset="https://dheejay.com/wp-content/uploads/2020/03/chewbacca-of-star-wars-3526020.jpg 1280w, https://dheejay.com/wp-content/uploads/2020/03/chewbacca-of-star-wars-3526020-300x200.jpg 300w, https://dheejay.com/wp-content/uploads/2020/03/chewbacca-of-star-wars-3526020-1024x682.jpg 1024w, https://dheejay.com/wp-content/uploads/2020/03/chewbacca-of-star-wars-3526020-768x512.jpg 768w" sizes="(max-width: 1280px) 100vw, 1280px" />    
	</div>

<div class="prelude-grid">
		<div class="prelude">
			<!-- Alt text for screen readers -->
			
			<!-- Post/Page Title -->
							<h1 class="entry-title">Article Hero</h1>
			

			<!-- Hero Intro -->
							<div class="intro-content">
					<p>All troops will debark for ground assault. Prepare to target the main generator. Rogue Two, are you all right? Yeah. I&#8217;m with you, Rogue Leader. We&#8217;ll set harpoon. I&#8217;ll cover for you.</p>
				</div>
			
			<!-- Hero Button -->
			 
	
		</div><!-- Intro -->            
	</div><!-- Intro Holder --> 
</section><!-- END HERO SECTION -->

<!-- Post Meta -->



<script>
//-----------------
// Banner Hero
//-----------------

jQuery(window).on("load", function($){

// ---- Banner Hero Heading In ---------

    var heroController = new ScrollMagic.Controller();
    var heroTl = gsap.timeline();

    var heroText = jQuery('.show-animations #banner-hero .hero-banner-content h1');    

    // GSAP Animation
    heroTl.to(heroText, 1, { opacity: 0, ease: Power0.easeNone });


    // ScrollMagic Scene
    var scene = new ScrollMagic.Scene({
    triggerElement: "#banner-hero",
    // duration: heroHeightFn,
    triggerHook: 0
    })
    .duration( jQuery("#banner-hero").outerHeight() )
    // .addIndicators({
    //     indent: 200,
    //     name: "banner img"
    // })

    // Initialise
    .setTween(heroTl)
    .addTo(heroController);


    // ---- Banner Prelude Text Out ---------

    var preludeController = new ScrollMagic.Controller();
    var preludeTl = gsap.timeline();

    var preludeText = jQuery('.show-animations #banner-hero.animated + .prelude > *');    

    // GSAP Animation
    preludeTl.from(preludeText, { duration: 2, opacity: 0, y: 100, stagger: .5, ease: "power2.out" });


    // ScrollMagic Scene
    var scene = new ScrollMagic.Scene({
        triggerElement: ".show-animations #banner-hero.animated + .prelude",
        triggerHook: .5,
        reverse: false
    })
    // .addIndicators({
    //     indent: 300,
    //     name: "banner prelude"
    // })

    // Initialise
    .setTween(preludeTl)
    .addTo(preludeController);

});
</script>
<section id="banner-hero" class="">
	<!-- Hero Image -->
	<div class="post-thumbnail">	
		<img width="1280" height="853" src="https://dheejay.com/wp-content/uploads/2020/03/chewbacca-of-star-wars-3526020.jpg" class="no-lazy-load wp-post-image" alt="" srcset="https://dheejay.com/wp-content/uploads/2020/03/chewbacca-of-star-wars-3526020.jpg 1280w, https://dheejay.com/wp-content/uploads/2020/03/chewbacca-of-star-wars-3526020-300x200.jpg 300w, https://dheejay.com/wp-content/uploads/2020/03/chewbacca-of-star-wars-3526020-1024x682.jpg 1024w, https://dheejay.com/wp-content/uploads/2020/03/chewbacca-of-star-wars-3526020-768x512.jpg 768w" sizes="(max-width: 1280px) 100vw, 1280px" />  
	</div>

	<div class="hero-banner-content   dark-overlay light-text  animated">
		
		<div class="hero-banner-grid">	
			<header>
					<!-- Alt text for screen readers -->
					
					<!-- Post/Page Title -->
											<h1 class="entry-title">Banner Hero</h1>
					
				</header>
		</div>
    </div>
</section><!-- END HERO SECTION -->


<div class="prelude boxed-md white-bg normal-text has-intro">  

     
        <!-- Intro -->
            <div class="intro-content">
                <p>General, I&#8217;ve got to leave. I can&#8217;t stay anymore. I&#8217;m sorry to hear that. Well, there&#8217;s a price on my head. If I don&#8217;t pay off Jabba the Hut, I&#8217;m a dead man. A death mark&#8217;s not an easy thing to live with. You&#8217;re a good fighter, Solo. I hate to lose you. Thank you, General.</p>
            </div>    
    
        
</div>


<script>
//-----------------
// Text 
//-----------------

jQuery(window).on("load", function($){

    // ---- Text Prelude FadeInUp ---------

    var heroController = new ScrollMagic.Controller();
    var heroTl = gsap.timeline();

    var preludeTitle = jQuery('.show-animations #text-hero.animated h1');
    var preludeText = jQuery('.show-animations #text-hero.animated .prelude > *');   

    // GSAP Animation
    heroTl.from(preludeTitle, { duration: 2, opacity: 0, y: 100, stagger: .5, ease: "power2.out" });
    heroTl.from(preludeText, { duration: 2, opacity: 0, y: 100, stagger: .5, ease: "power2.out" }, '-=1.5');


    // ScrollMagic Scene
    var scene = new ScrollMagic.Scene({
        triggerElement: "#text-hero",
        triggerHook: 0
        // duration: 500
    })
    // .addIndicators({
    //     indent: 200,
    //     name: "text"
    // })

    // Initialise
    .setTween(heroTl)
    .addTo(heroController);
    });
</script>
<section id="text-hero" class=" full-height  dark-col-bg light-text animated">
    <div class="text-hero-grid  centre">    
        <!-- Post/Page Title -->
        <h1 class="entry-title admin-preview-only">Post or Page Title</h1><h1 class="entry-title">Hero Animations</h1>      

        <div class="prelude
            has-intro">  


                 
                    <!-- Intro -->
                    <div class="intro-content">
                        <p>Bespin. It&#8217;s pretty far, but I think we can make it. A mining colony? Yeah, a Tibanna gas mine. Lando conned somebody out of it. We go back a long way, Lando and me. Can you trust him? No. But he has no love for the Empire,</p>
                    </div>    
                
                    
            </div>

    </div>   <!-- END HERO GRID -->     
</section><!-- END HERO SECTION -->





<script>
//-----------------
// Showcase 
//-----------------

jQuery(window).on("load", function($){

    // run test on initial page load
    checkSize();
    // run test on resize of the window
    // jQuery(window).resize(checkSize);


    //Function to the css rule
    function checkSize(){

    // Desktop Animation

    if (jQuery("#showcase-hero").css("clear") == "both" ){

        var preludeController = new ScrollMagic.Controller();
        var preludeTl = gsap.timeline();
        
        var preludeTextMobile = jQuery('.show-animations #showcase-hero.animated .showcase-header h1');

        // GSAP Animation
        preludeTl.from(preludeTextMobile, { duration: 2, y: 100, opacity: 0, stagger: .5, ease: "power2.out" });
        
        
        // ScrollMagic Scene
        var scene = new ScrollMagic.Scene({
            triggerElement: ".show-animations #showcase-hero",
            triggerHook: 0,
            reverse: false
        })
        // .addIndicators({
        //     indent: 300,
        //     name: "showcase intro"
        // })

        // Initialise
        .setTween(preludeTl)
        .addTo(preludeController);

        }else{

        // Desktop Animation

        var preludeController = new ScrollMagic.Controller();
        var preludeTl = gsap.timeline();

        var preludeTextDesktop = jQuery('.show-animations #showcase-hero.animated .prelude > *');    

        // GSAP Animation
        preludeTl.from(preludeTextDesktop, { duration: 2, opacity: 0, y: 100, stagger: .5, ease: "power2.out" });
        
        
        // ScrollMagic Scene
        var scene = new ScrollMagic.Scene({
            triggerElement: ".show-animations #showcase-hero",
            triggerHook: 0,
            reverse: false
        })
        // .addIndicators({
        //     indent: 300,
        //     name: "showcase intro"
        // })

        // Initialise
        .setTween(preludeTl)
        .addTo(preludeController);

        } // end if/else

    }  // end checkSize function     

});
</script>
<!-- Change Hero Section Tag Depending On User Choice -->
<section id="showcase-hero" class="normal-text    normal-height pinned-img animated " style="background-color: grey; background-color: var(--primary-color); background-image: none;">	<div class="showcase-header">
		<!-- Mobile Post/Page Title -->
					<h1 class="entry-title mobile-only-heading">Showcase Hero</h1>
		

		<!-- Hero Image -->
						<div class="post-thumbnail pinned-img">
					<img src="https://kevincoyledesigner.co.uk/wp-content/uploads/2019/09/sc-placeholder-PNG.png" class="admin-preview-only">
					<img width="1280" height="853" src="https://dheejay.com/wp-content/uploads/2020/03/chewbacca-of-star-wars-3526020.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" srcset="https://dheejay.com/wp-content/uploads/2020/03/chewbacca-of-star-wars-3526020.jpg 1280w, https://dheejay.com/wp-content/uploads/2020/03/chewbacca-of-star-wars-3526020-300x200.jpg 300w, https://dheejay.com/wp-content/uploads/2020/03/chewbacca-of-star-wars-3526020-1024x682.jpg 1024w, https://dheejay.com/wp-content/uploads/2020/03/chewbacca-of-star-wars-3526020-768x512.jpg 768w" sizes="(max-width: 1280px) 100vw, 1280px" />           
					</div>

	</div><!-- .showcase-header -->

	<div class="prelude-grid pinned-img 
		has-intro">
		<div class="prelude boxed-md">
			<!-- Desktop Post/Page Title -->
							<h1 class="entry-title desktop-only-heading">Showcase Hero</h1>
						
			<!-- Hero Text -->
							<div class="intro-content">
					<p>You are beaten. It is useless to resist. Don&#8217;t let yourself be destroyed as Obi-Wan did. There is no escape. Don&#8217;t make me destroy you. You do not yet realize your importance. You have only begun to discover you power.</p>
				</div>
					</div>
	</div>

</section> <!-- End Hero Section -->


<!-- END If POST -->



<!-- Change Hero Section Tag Depending On User Choice -->
<section id="showcase-hero" class="normal-text    banner-height pinned-img animated " style="background-color: grey; background-color: var(--primary-color); background-image: none;">	<div class="showcase-header">
		<!-- Mobile Post/Page Title -->
		<h1 class="entry-title mobile-only-heading admin-preview-only">Post or Page Title</h1><h1 class="entry-title mobile-only-heading">Hero Animations</h1>

		<!-- Hero Image -->
				<div class="post-thumbnail pinned-img">
			<img alt="" class="no-lazy-load"  
				src="https://dheejay.com/wp-content/uploads/2020/03/trooper-221x300.png" 
				srcset="https://dheejay.com/wp-content/uploads/2020/03/trooper.png 1200w,
				https://dheejay.com/wp-content/uploads/2020/03/trooper.png 1024w,
				https://dheejay.com/wp-content/uploads/2020/03/trooper.png 550w,
				https://dheejay.com/wp-content/uploads/2020/03/trooper-221x300.png 221w,
				https://dheejay.com/wp-content/uploads/2020/03/trooper-150x150.png 150w">		</div>

	</div><!-- .showcase-header -->

	<div class="prelude-grid pinned-img 
		no-intro">
		<div class="prelude boxed-md">
			<!-- Desktop Post/Page Title -->
			<h1 class="entry-title desktop-only-heading admin-preview-only">Post or Page Title</h1><h1 class="entry-title desktop-only-heading">Hero Animations</h1>			
			<!-- Hero Text -->
					</div>
	</div>

</section> <!-- End Hero Section -->


<!-- END If POST -->



<!-- Change Hero Section Tag Depending On User Choice -->

	<style>
    .showcase-header {
    background-image: url(https://dheejay.com/wp-content/uploads/2020/03/star-wars-2082969_1280-768x576.jpg);
	}
	@media screen and (min-width:768px) {
		.banner-height .showcase-header {
		background-image: none;
		}
		#showcase-hero.banner-height {
			background-image: url(https://dheejay.com/wp-content/uploads/2020/03/star-wars-2082969_1280-1024x768.jpg);
		}
	}
	@media screen and (min-width:800px) {
		.showcase-header {
		background-image: url(https://dheejay.com/wp-content/uploads/2020/03/star-wars-2082969_1280-1024x768.jpg);
		}
	}
	@media screen and (min-width:1024px) {
		.showcase-header {
		background-image: none;
		}
		#showcase-hero {
			background-image: url(https://dheejay.com/wp-content/uploads/2020/03/star-wars-2082969_1280-1024x768.jpg);
		}
	}
	@media screen and (min-width:1024px) {
		#showcase-hero {
		background-image: url(https://dheejay.com/wp-content/uploads/2020/03/star-wars-2082969_1280.jpg);
		}
	}
</style>

<section id="showcase-hero" class="light-text    normal-height centred-img animated " style="background-color:transparent;">	<div class="showcase-header">
		<!-- Mobile Post/Page Title -->
		<h1 class="entry-title mobile-only-heading admin-preview-only">Post or Page Title</h1><h1 class="entry-title mobile-only-heading">Hero Animations</h1>

		<!-- Hero Image -->
				<div class="post-thumbnail centred-img">
			<img alt="" class="no-lazy-load"  
				src="https://dheejay.com/wp-content/uploads/2020/03/star-wars-1181724-264x300.png" 
				srcset="https://dheejay.com/wp-content/uploads/2020/03/star-wars-1181724.png 1200w,
				https://dheejay.com/wp-content/uploads/2020/03/star-wars-1181724-902x1024.png 1024w,
				https://dheejay.com/wp-content/uploads/2020/03/star-wars-1181724-768x872.png 768w,
				https://dheejay.com/wp-content/uploads/2020/03/star-wars-1181724-264x300.png 264w,
				https://dheejay.com/wp-content/uploads/2020/03/star-wars-1181724-150x150.png 150w">		</div>

	</div><!-- .showcase-header -->

	<div class="prelude-grid centred-img 
		no-intro">
		<div class="prelude boxed-md">
			<!-- Desktop Post/Page Title -->
			<h1 class="entry-title desktop-only-heading admin-preview-only">Post or Page Title</h1><h1 class="entry-title desktop-only-heading">Hero Animations</h1>			
			<!-- Hero Text -->
					</div>
	</div>

</section> <!-- End Hero Section -->


<!-- END If POST -->


<script>
//-----------------
// Split Heo
//-----------------

jQuery(document).ready(function($){

    // ---- Split Hero Image Shrink ---------
    // ---- Split Prelude Stagger FadeInUp ---------

    var heroController = new ScrollMagic.Controller();
    var heroTl = gsap.timeline({delay: .4});

    var heroImage = jQuery('.show-animations #split-hero.animated .post-thumbnail img'); 
    var preludeText = jQuery('.show-animations #split-hero.animated .prelude > *');   

    // GSAP Animation
    heroTl.to(heroImage, { duration: 3, scale: 1, ease: "power2.out" })
        .from(preludeText, { duration: 2, opacity: 0, y: 100, stagger: .5, ease: "power2.out" }, '-=3');


    // ScrollMagic Scene
    var scene = new ScrollMagic.Scene({
        triggerElement: "#split-hero",
        triggerHook: 0
        // duration: 500
    })
    // .addIndicators({
    //     indent: 200,
    //     name: "split"
    // })

    // Initialise
    .setTween(heroTl)
    .addTo(heroController);
    });
</script>
<section id="split-hero" class=" animated">
	<!-- Hero Image -->
	<div class="post-thumbnail">		
		<img width="1280" height="853" src="https://dheejay.com/wp-content/uploads/2020/03/chewbacca-of-star-wars-3526020.jpg" class="no-lazy-load wp-post-image" alt="" srcset="https://dheejay.com/wp-content/uploads/2020/03/chewbacca-of-star-wars-3526020.jpg 1280w, https://dheejay.com/wp-content/uploads/2020/03/chewbacca-of-star-wars-3526020-300x200.jpg 300w, https://dheejay.com/wp-content/uploads/2020/03/chewbacca-of-star-wars-3526020-1024x682.jpg 1024w, https://dheejay.com/wp-content/uploads/2020/03/chewbacca-of-star-wars-3526020-768x512.jpg 768w" sizes="(max-width: 1280px) 100vw, 1280px" />	</div>

	<div class="prelude-grid secondary-col-bg normal-text">
		<div class="prelude boxed-md">
			<!-- Post/Page Title -->
							<h1 class="entry-title">Split Hero</h1>
						
			<!-- Hero Text -->
							<div class="intro-content">
					<p>Join me and I will complete your training. With our combined strength, we can end this destructive conflict and bring order to the galaxy. I&#8217;ll never join you! If you only knew the power of the dark side.</p>
				</div>
					</div><!-- intro -->
	</div>	
</section>

<!-- Post Meta -->



<script>
//-----------------
// Vertical Hero
//-----------------

jQuery(window).on("load", function($){

    // ---- Vertical Prelude FadeInUp ---------

    var heroController = new ScrollMagic.Controller();
    var heroTl = gsap.timeline();

    var preludeText = jQuery('.show-animations #vertical-hero.animated .entry-title');   

    // GSAP Animation
    heroTl.from(preludeText, { duration: 2, opacity: 0, y: 100, ease: "power2.out" });


    // ScrollMagic Scene
    var scene = new ScrollMagic.Scene({
        triggerElement: "#vertical-hero",
        triggerHook: 0
        // duration: 500
    })
    // .addIndicators({
    //     indent: 200,
    //     name: "vertical"
    // })

    // Initialise
    .setTween(heroTl)
    .addTo(heroController);
    });
</script>
<!-- Change Hero Section Tag Depending On User Choice -->
<section id="vertical-hero" class="dark-col-text no-shadow  animated " style="background-color: ghostwhite; background-color: var(--primary-color); background-image: none;);">	
	<!-- Hero section content -->
		<!-- Post/Page Title -->
		<h1 class="entry-title admin-preview-only">Post or Page Title</h1><h1 class="entry-title">Hero Animations</h1>
		<!-- Hero Image -->
				<div class="post-thumbnail pinned-img">
			<img alt="" class="no-lazy-load"  
				src="https://dheejay.com/wp-content/uploads/2020/03/trooper-221x300.png" 
				srcset="https://dheejay.com/wp-content/uploads/2020/03/trooper.png 1200w,
				https://dheejay.com/wp-content/uploads/2020/03/trooper.png 1024w,
				https://dheejay.com/wp-content/uploads/2020/03/trooper.png 550w,
				https://dheejay.com/wp-content/uploads/2020/03/trooper-221x300.png 221w,
				https://dheejay.com/wp-content/uploads/2020/03/trooper-150x150.png 150w">		</div>
</section> <!-- End Hero Section -->


<!-- Add class to div.prelude depending on whether or not a custom intro has been set. 
Used in CSS to NOT display div.intro when there's no intro AND no meta info -->
	<!-- INTRO SET -->
	<div class="prelude has-intro boxed-md">			
			<!-- Hero Text -->
							<div class="intro-content">
					<p>Obi-Wan never told you what happened to your father. He told me enough! He told me you killed him. No. I am your father. No. No. That&#8217;s not true! That&#8217;s impossible! Search your feelings. You know it to be true.</p>
				</div>
			
			<!-- POST ONLY Meta -->
				</div><!-- .has-intro -->

	


<script>
//-----------------
// Video Hero 
//-----------------

jQuery(document).ready(function($){

    // ---- Video Hero Prelude FadeInUp ---------
    
    var heroController = new ScrollMagic.Controller();
    var heroTl = gsap.timeline();

    var preludeText = jQuery('.show-animations #video-hero.animated .prelude > *');   

    // GSAP Animation
    heroTl.from(preludeText, { duration: 2, opacity: 0, y: 100, ease: "power2.out" });


    // ScrollMagic Scene
    var scene = new ScrollMagic.Scene({
        triggerElement: "#video-hero",
        triggerHook: 0
        // duration: 500
    })
    // .addIndicators({
    //     indent: 200,
    //     name: "vertical"
    // })

    // Initialise
    .setTween(heroTl)
    .addTo(heroController);
});
</script>
<section id="video-hero" class=" light-text pin-centre animated">

<script>
jQuery(document).ready(function() {
    var bgv = jQuery('#bgvid');

    if (bgv.is(':visible')) {

		jQuery("#video-hero").addClass( "shown" );
		jQuery('source', bgv).each(
			function() {
			var el = jQuery(this);
			el.attr('src', el.data('src'));
			}
		);

		bgv[0].load();
	}
	
	var vid = document.getElementById("bgvid");
	var vidHolder = document.querySelector('.video-holder'),
	pauseButton = document.getElementById("vidpause");
	if (window.matchMedia('(prefers-reduced-motion)').matches) {
		vid.removeAttribute("autoplay");
		vid.pause();
		pauseButton.innerHTML = "Paused";
		vidHolder.classList.add("stopfade");
	}

	function vidFade() {
		vidHolder.classList.add("stopfade");
	}
	vid.addEventListener('ended', function() {
		// only functional if "loop" is removed 
		 vid.pause();
		// to capture IE10
		vidFade();
	});
	pauseButton.addEventListener("click", function() {
		vidHolder.classList.toggle("stopfade");
		if (vid.paused) {
	vid.play();
			pauseButton.innerHTML = "Pause <span>&#xe802;</span>";
		} else {
			vid.pause();
			pauseButton.innerHTML = "Play <span>&#xe803;</span>";
		}
	})

  });


</script>

	<div class="video-holder"  style="background-image: url(https://dheejay.com/wp-content/uploads/2020/03/chewbacca-of-star-wars-3526020.jpg);">
		<video playsinline autoplay muted loop poster="https://dheejay.com/wp-content/uploads/2020/03/chewbacca-of-star-wars-3526020.jpg" id="bgvid">
        				<source data-src="https://dheejay.com/wp-content/uploads/2020/03/Pexels-Videos-1926295.mp4" type="video/mp4">
									
		</video>
    </div>
    
	<div class="prelude-grid boxed-md">
		<header class="prelude">

			<!-- Post/Page Title -->
            <h1 class="entry-title admin-preview-only">Example Title</h1><h1 class="entry-title">Hero Animations</h1>							<div class="intro-content">
                    <p>Lord Vader. You may take Captain Solo to Jabba the Hut after I have Skywalker. He&#8217;s no good to me dead. He will not be permanently damaged. Lord Vader, what about Leia and the Wookiee? They must never again leave this city.</p>
                </div>
					</header>
	</div>

	<button id="vidpause">Pause <span>&#xe802;</span></button>

</section> <!-- End Hero Section -->

	<!-- POST ONLY Meta -->
	


<script>
//-----------------
// Overlap 
//-----------------

jQuery(window).on("load", function($){

// ---- Overlap Hero Image Unclip from Bottom ---------
// ---- Overlap Hero Prelude Unclip from Top ---------

var heroController = new ScrollMagic.Controller();
var heroTl = gsap.timeline();

var heroText = jQuery('.show-animations #overlap-hero.animated .prelude'); 
var heroImage = jQuery('.show-animations #overlap-hero.animated .thumbnail-holder');  


// GSAP Animation
heroTl.staggerFromTo([heroText, heroImage], 2, { opacity: 0, y: 100 }, { opacity: 1, y: 0, ease: Power4.easeOut }, .5);


// ScrollMagic Scene
var scene = new ScrollMagic.Scene({
    triggerElement: "#overlap-hero",
    triggerHook: 0
    // duration: 500
})
// .addIndicators({
//     indent: 200,
//     name: "overlap"
// })

// Initialise
.setTween(heroTl)
.addTo(heroController);
});
</script>
<section id="overlap-hero" class=" dark-col-text secondary-col-bg animated">
	<!-- Empty bg colour div -->
	<div class="overlap-bg primary-col-bg" style="background-color: ;">
	</div>

	<!-- Prelude - Heading & Intror -->
	<div class="prelude boxed-lg">
			<!-- Post/Page Title -->
			<h1 class="entry-title admin-preview-only">Post or Page Title</h1><h1 class="entry-title">Hero Animations</h1>		
			<!-- Intro -->
							<div class="intro-content">
					<p>Luke, help me take this mask off. But you&#8217;ll die. Nothing can stop that now. Just for once&#8230; let me look on you with my own eyes.</p>
				</div>
				</div><!-- prelude -->	

	<!-- Hero Image -->
	<div class="thumbnail-holder boxed-lg">
		<div class="post-thumbnail">	
			<img width="1280" height="853" src="https://dheejay.com/wp-content/uploads/2020/03/chewbacca-of-star-wars-3526020.jpg" class="no-lazy-load wp-post-image" alt="" srcset="https://dheejay.com/wp-content/uploads/2020/03/chewbacca-of-star-wars-3526020.jpg 1280w, https://dheejay.com/wp-content/uploads/2020/03/chewbacca-of-star-wars-3526020-300x200.jpg 300w, https://dheejay.com/wp-content/uploads/2020/03/chewbacca-of-star-wars-3526020-1024x682.jpg 1024w, https://dheejay.com/wp-content/uploads/2020/03/chewbacca-of-star-wars-3526020-768x512.jpg 768w" sizes="(max-width: 1280px) 100vw, 1280px" /> 
		</div>
	</div>
</section>

<!-- POST ONLY Meta -->





<section  class="bb-standard-block  boxed-md secondary-col-bg normal-text no-drop-cap ">
	
		

	<div class="standard-content-grid">
		<p>They did it! I&#8217;m sure Luke wasn&#8217;t on that thing when it blew. He wasn&#8217;t. I can feel it. You love him, don&#8217;t you? Yes. All right. I understand. Fine. When he comes back, I won&#8217;t get in the way. No, it&#8217;s not like that at all. He&#8217;s my brother.</p>
<p>Come, boy. See for yourself. From here you will witness the final destruction of the Alliance, and the end of your insignificant Rebellion. You want this, don&#8217;t you? The hate is swelling in you now. Take your Jedi weapon. Use it. I am unarmed. Strike me down with it. Give in to your anger. With each passing moment, you make yourself more my servant. No! It is unavoidable. It is your destiny. You, like your father, are now mine!</p>
<p>Fighters coming in. There&#8217;s too many of them! Accelerate to attack speed! Draw their fire away from the cruisers. Copy, Gold Leader.</p>
<p>All right! Up! Move! Come on! Quickly! Quickly, Chewie. Han! Hurry! The fleet will be here any moment. Charges! Come on, come on! Oh, my! They&#8217;ll be captured! Wa-wait! Wait, come back! Artoo, stay with me. Freeze! You Rebel scum.</p>
	</div>	

</section><!-- .standard -->



<p>The post <a rel="nofollow" href="https://dheejay.com/dance-music/hero-animations/">Hero Animations</a> appeared first on <a rel="nofollow" href="https://dheejay.com">Dheejay</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://dheejay.com/dance-music/hero-animations/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Buttons in Content</title>
		<link>https://dheejay.com/dance-music/buttons-in-content/</link>
					<comments>https://dheejay.com/dance-music/buttons-in-content/#respond</comments>
		
		<dc:creator><![CDATA[admin-dheejay]]></dc:creator>
		<pubDate>Wed, 01 Apr 2020 18:04:25 +0000</pubDate>
				<category><![CDATA[Dance Music]]></category>
		<guid isPermaLink="false">http://localhost/foundation/?p=749</guid>

					<description><![CDATA[<p>This is the excerpt</p>
<p>The post <a rel="nofollow" href="https://dheejay.com/dance-music/buttons-in-content/">Buttons in Content</a> appeared first on <a rel="nofollow" href="https://dheejay.com">Dheejay</a>.</p>
]]></description>
										<content:encoded><![CDATA[

<section  class="bb-standard-block  boxed-md white-bg normal-text no-drop-cap ">
	
		

	<div class="standard-content-grid">
		<p>Yes, Admiral? Our ships have sighted the Millennium Falcon, lord. But&#8230;it has entered an asteroid field and we cannot risk&#8230; Asteroids do not concern me, Admiral. I want that ship and not excuses. Yes, lord. I&#8217;m going to shut down everything but the emergency power systems.</p>
<ul>
<li class="button-holder"><a href="http://google.com">Google</a></li>
<li class="button-holder"><a href="http://twitter.com">Twitter</a></li>
</ul>
<p>You all right? Why are you still here? I heard the command center had been hit. You got your clearance to leave. Don&#8217;t worry. I&#8217;ll leave. First I&#8217;m going to get you to your ship. Your Highness, we must take this last transport. It&#8217;s our only hope. Send all troops in sector twelve to the south slope to protect the fighters. Imperial troops have entered the base. Come on&#8230;that&#8217;s it. Give the evacuation code signal. And get to your transports! K-one-zero&#8230;all troops disengage. Oh! Wait for me! Begin retreat! Fall back!</p>
	</div>	

</section><!-- .standard -->







<section  class="bb-standard-block  boxed-md dark-col-bg light-text no-drop-cap ">
	
		

	<div class="standard-content-grid">
		<p>Yes, Admiral? Our ships have sighted the Millennium Falcon, lord. But&#8230;it has entered an asteroid field and we cannot risk&#8230; Asteroids do not concern me, Admiral. I want that ship and not excuses. Yes, lord. I&#8217;m going to shut down everything but the emergency power systems.</p>
<div class="button-holder"><a href="http://google.com">Google</a></div>
	</div>	

</section><!-- .standard -->







<section  class="bb-standard-block  indented white-bg normal-text no-drop-cap ">
	
		

	<div class="standard-content-grid">
		
<a href='https://dheejay.com/dance-music/images/attachment/png-logo/'><img width="600" height="600" src="https://dheejay.com/wp-content/uploads/2020/03/png-logo.png" class="attachment-large size-large" alt="" srcset="https://dheejay.com/wp-content/uploads/2020/03/png-logo.png 600w, https://dheejay.com/wp-content/uploads/2020/03/png-logo-300x300.png 300w, https://dheejay.com/wp-content/uploads/2020/03/png-logo-150x150.png 150w" sizes="(max-width: 600px) 100vw, 600px" /></a>
<a href='https://dheejay.com/dheejay-favicon/'><img width="651" height="651" src="https://dheejay.com/wp-content/uploads/2020/03/dheejay-favicon.png" class="attachment-large size-large" alt="" srcset="https://dheejay.com/wp-content/uploads/2020/03/dheejay-favicon.png 651w, https://dheejay.com/wp-content/uploads/2020/03/dheejay-favicon-300x300.png 300w, https://dheejay.com/wp-content/uploads/2020/03/dheejay-favicon-150x150.png 150w" sizes="(max-width: 651px) 100vw, 651px" /></a>
<a href='https://dheejay.com/dance-music/images/attachment/dheejay-logo-white/'><img width="1024" height="1024" src="https://dheejay.com/wp-content/uploads/2020/03/Dheejay-logo-white.png" class="attachment-large size-large" alt="" srcset="https://dheejay.com/wp-content/uploads//2020/03/Dheejay-logo-white.png 150w, https://dheejay.com/wp-content/uploads//2020/03/Dheejay-logo-white.png 300w, https://dheejay.com/wp-content/uploads//2020/03/Dheejay-logo-white.png 1024w" sizes="(max-width: 1024px) 100vw, 1024px" /></a>

	</div>	

</section><!-- .standard -->



<p>The post <a rel="nofollow" href="https://dheejay.com/dance-music/buttons-in-content/">Buttons in Content</a> appeared first on <a rel="nofollow" href="https://dheejay.com">Dheejay</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://dheejay.com/dance-music/buttons-in-content/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Images</title>
		<link>https://dheejay.com/dance-music/images/</link>
					<comments>https://dheejay.com/dance-music/images/#respond</comments>
		
		<dc:creator><![CDATA[admin-dheejay]]></dc:creator>
		<pubDate>Wed, 25 Mar 2020 14:42:49 +0000</pubDate>
				<category><![CDATA[Dance Music]]></category>
		<guid isPermaLink="false">http://localhost/foundation/?p=496</guid>

					<description><![CDATA[<p>The post <a rel="nofollow" href="https://dheejay.com/dance-music/images/">Images</a> appeared first on <a rel="nofollow" href="https://dheejay.com">Dheejay</a>.</p>
]]></description>
										<content:encoded><![CDATA[

<section id="banner-hero" class="">
	<!-- Hero Image -->
	<div class="post-thumbnail">	
		<img width="2560" height="1701" src="https://dheejay.com/wp-content/uploads/2020/03/darth-vader-1207142-scaled.jpg" class="no-lazy-load wp-post-image" alt="" srcset="https://dheejay.com/wp-content/uploads/2020/03/darth-vader-1207142-scaled.jpg 2560w, https://dheejay.com/wp-content/uploads/2020/03/darth-vader-1207142-300x199.jpg 300w, https://dheejay.com/wp-content/uploads/2020/03/darth-vader-1207142-1024x680.jpg 1024w, https://dheejay.com/wp-content/uploads/2020/03/darth-vader-1207142-768x510.jpg 768w, https://dheejay.com/wp-content/uploads/2020/03/darth-vader-1207142-1536x1020.jpg 1536w, https://dheejay.com/wp-content/uploads/2020/03/darth-vader-1207142-2048x1361.jpg 2048w" sizes="(max-width: 2560px) 100vw, 2560px" />  
	</div>

	<div class="hero-banner-content   dark-overlay light-text  ">
		
		<div class="hero-banner-grid">	
			<header>
					<!-- Alt text for screen readers -->
					
					<!-- Post/Page Title -->
					<h1 class="entry-title admin-preview-only">Post or Page Title</h1><h1 class="entry-title">Images</h1>
				</header>
		</div>
    </div>
</section><!-- END HERO SECTION -->


<div class="prelude boxed-md secondary-col-bg normal-text no-intro">  

    
        
</div>




<section  class="bb-multi-sce  secondary-col-bg normal-text narrow-gutter ">
	
	

			<div class="multi-sce-grid">

			<!-- blocks -->    

							<div class="multi-sce-grid-row  indented one-column-row">
					<div class="row-holder">
						<!-- row -->
						
							<!-- column -->
							
								<div class="multi-sce-grid-column ">
									<p><img class="tall pin-img-top alignnone wp-image-470 size-large" src="http://localhost/foundation/wp-content/uploads/2020/03/star-wars-2172955_1280-1024x682.jpg" alt="" width="1024" height="682" srcset="https://dheejay.com/wp-content/uploads/2020/03/star-wars-2172955_1280-1024x682.jpg 1024w, https://dheejay.com/wp-content/uploads/2020/03/star-wars-2172955_1280-300x200.jpg 300w, https://dheejay.com/wp-content/uploads/2020/03/star-wars-2172955_1280-768x512.jpg 768w, https://dheejay.com/wp-content/uploads/2020/03/star-wars-2172955_1280.jpg 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></p>
								</div>
				
							<!-- column -->
				
						<!-- ACF field row -->
					</div><!-- .row-holder -->
				</div><!-- .multi-sce-grid-row -->

			<!-- blocks -->    

							<div class="multi-sce-grid-row  indented two-column-row">
					<div class="row-holder">
						<!-- row -->
						
							<!-- column -->
							
								<div class="multi-sce-grid-column ">
									<div class="trnsp-image-holder pad-left pad-right primary-col-bg contain middle bottom drop-shadow tall"><img class="alignnone size-full wp-image-456" src="http://localhost/foundation/wp-content/uploads/2020/03/trooper.png" alt="" width="550" height="748" srcset="https://dheejay.com/wp-content/uploads/2020/03/trooper.png 550w, https://dheejay.com/wp-content/uploads/2020/03/trooper-221x300.png 221w" sizes="(max-width: 550px) 100vw, 550px" /><img class="alignnone size-full wp-image-499" src="http://localhost/foundation/wp-content/uploads/2020/03/camera-1.png" alt="" width="1000" height="700" /></div>
								</div>
				
							<!-- column -->
							
								<div class="multi-sce-grid-column ">
									<!-- Widget Shortcode --><div id="simple_video_widget-2" class="tall ">
    <script>

    jQuery(document).ready(function() {
        var bgv = jQuery('#bgvid');

        if (bgv.is(':visible')) {

        jQuery(".video-holder").addClass( "shown" );
        jQuery('source', bgv).each(
          function() {
          var el = jQuery(this);
          el.attr('src', el.data('src'));
          }
        );

        bgv[0].load();
      }
      
      var vid = document.getElementById("bgvid");
      var vidHolder = document.querySelector('.video-holder'),
      pauseButton = document.getElementById("vidpause");
      if (window.matchMedia('(prefers-reduced-motion)').matches) {
        vid.removeAttribute("autoplay");
        vid.pause();
        pauseButton.innerHTML = "Paused";
        vidHolder.classList.add("stopfade");
      }

      function vidFade() {
        vidHolder.classList.add("stopfade");
      }
      vid.addEventListener('ended', function() {
        // only functional if "loop" is removed 
        vid.pause();
        // to capture IE10
        vidFade();
      });
      pauseButton.addEventListener("click", function() {
        vidHolder.classList.toggle("stopfade");
        if (vid.paused) {
      vid.play();
          pauseButton.innerHTML = "Pause <span>&#xe802;</span>";
        } else {
          vid.pause();
          pauseButton.innerHTML = "Play <span>&#xe803;</span>";
        }
      })

      });


    </script>

      <!-- Video Holder With Background Poster Image -->
      <div id="simple-bg-video" class="video-holder" style="background-color: black; background-image: url(https://dheejay.com/wp-content/uploads/2020/03/chewbacca-of-star-wars-3526020.jpg);">
          <!-- Video -->
          <video playsinline autoplay muted loop poster="https://dheejay.com/wp-content/uploads/2020/03/chewbacca-of-star-wars-3526020.jpg" id="bgvid">
                            <source data-src="https://dheejay.com/wp-content/uploads/2020/03/Pexels-Videos-1926295.mp4" type="video/mp4">
                                  </video>
          <!-- Play/Pause Button -->
          <button id="vidpause">Pause <span>&#xe802;</span></button>
      </div>

      </div><!-- /Widget Shortcode -->
								</div>
				
							<!-- column -->
				
						<!-- ACF field row -->
					</div><!-- .row-holder -->
				</div><!-- .multi-sce-grid-row -->

			<!-- blocks -->    

							<div class="multi-sce-grid-row  indented two-column-row">
					<div class="row-holder">
						<!-- row -->
						
							<!-- column -->
							
								<div class="multi-sce-grid-column ">
									<figure id="attachment_455" aria-describedby="caption-attachment-455" style="width: 1024px" class="wp-caption alignnone"><img class="size-large wp-image-455" src="http://localhost/foundation/wp-content/uploads/2020/03/star-wars-2082969_1280-1024x768.jpg" alt="" width="1024" height="768" srcset="https://dheejay.com/wp-content/uploads/2020/03/star-wars-2082969_1280-1024x768.jpg 1024w, https://dheejay.com/wp-content/uploads/2020/03/star-wars-2082969_1280-300x225.jpg 300w, https://dheejay.com/wp-content/uploads/2020/03/star-wars-2082969_1280-768x576.jpg 768w, https://dheejay.com/wp-content/uploads/2020/03/star-wars-2082969_1280.jpg 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption id="caption-attachment-455" class="wp-caption-text">This is a caption</figcaption></figure>
								</div>
				
							<!-- column -->
							
								<div class="multi-sce-grid-column ">
									<p><img class="alignnone size-large wp-image-454" src="http://localhost/foundation/wp-content/uploads/2020/03/sahara-3729651_1280-1024x682.jpg" alt="" width="1024" height="682" srcset="https://dheejay.com/wp-content/uploads/2020/03/sahara-3729651_1280-1024x682.jpg 1024w, https://dheejay.com/wp-content/uploads/2020/03/sahara-3729651_1280-300x200.jpg 300w, https://dheejay.com/wp-content/uploads/2020/03/sahara-3729651_1280-768x512.jpg 768w, https://dheejay.com/wp-content/uploads/2020/03/sahara-3729651_1280.jpg 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></p>
								</div>
				
							<!-- column -->
				
						<!-- ACF field row -->
					</div><!-- .row-holder -->
				</div><!-- .multi-sce-grid-row -->

			<!-- blocks -->    

							<div class="multi-sce-grid-row  indented one-column-row">
					<div class="row-holder">
						<!-- row -->
						
							<!-- column -->
							
								<div class="multi-sce-grid-column ">
									<p><img class="alignnone size-large wp-image-453" src="http://localhost/foundation/wp-content/uploads/2020/03/chewbacca-of-star-wars-3526020-1024x682.jpg" alt="" width="1024" height="682" srcset="https://dheejay.com/wp-content/uploads/2020/03/chewbacca-of-star-wars-3526020-1024x682.jpg 1024w, https://dheejay.com/wp-content/uploads/2020/03/chewbacca-of-star-wars-3526020-300x200.jpg 300w, https://dheejay.com/wp-content/uploads/2020/03/chewbacca-of-star-wars-3526020-768x512.jpg 768w, https://dheejay.com/wp-content/uploads/2020/03/chewbacca-of-star-wars-3526020.jpg 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></p>
								</div>
				
							<!-- column -->
				
						<!-- ACF field row -->
					</div><!-- .row-holder -->
				</div><!-- .multi-sce-grid-row -->

			<!-- blocks -->

		</div>        
	</section><!-- .standard -->




<section  class="bb-multi-sce  white-bg normal-text wide-gutter ">
	
	

			<div class="multi-sce-grid">

			<!-- blocks -->    

							<div class="multi-sce-grid-row  indented five-column-row">
					<div class="row-holder">
						<!-- row -->
						
							<!-- column -->
							
								<div class="multi-sce-grid-column ">
									<p><img class="alignnone size-large wp-image-487" src="http://localhost/foundation/wp-content/uploads/2020/03/master-logo_main-logo.svg" alt="" width="1024" height="1024" /></p>
								</div>
				
							<!-- column -->
							
								<div class="multi-sce-grid-column ">
																	</div>
				
							<!-- column -->
							
								<div class="multi-sce-grid-column ">
									<div class="opening-times"></div>
								</div>
				
							<!-- column -->
							
								<div class="multi-sce-grid-column ">
									<span class="phone-number"></span>
								</div>
				
							<!-- column -->
							
								<div class="multi-sce-grid-column ">
									<span class="email-address underline-hidden"><a href="mailto:paulzitkus@iamaraver.co.uk" target="_self" data-content="paulzitkus@iamaraver.co.uk" data-type="mail">paulzitkus@iamaraver.co.uk</a></span>
								</div>
				
							<!-- column -->
				
						<!-- ACF field row -->
					</div><!-- .row-holder -->
				</div><!-- .multi-sce-grid-row -->

			<!-- blocks -->

		</div>        
	</section><!-- .standard -->



<section  class="bb-standard-block  boxed-md white-bg normal-text no-drop-cap ">
	
		

	<div class="standard-content-grid">
		<div class="trnsp-image-holder pad-left pad-right primary-col-bg contain bottom middle drop-shadow "><img class="alignnone size-full wp-image-450" src="http://localhost/foundation/wp-content/uploads/2020/03/png-logo.png" alt="" width="600" height="600" srcset="https://dheejay.com/wp-content/uploads/2020/03/png-logo.png 600w, https://dheejay.com/wp-content/uploads/2020/03/png-logo-300x300.png 300w, https://dheejay.com/wp-content/uploads/2020/03/png-logo-150x150.png 150w" sizes="(max-width: 600px) 100vw, 600px" /></div>
<p>&#8220;You will find it rather disconnected, I fear, and there may prove to be little relation between the different incidents of which I speak. On the very first day that I was at the Copper Beeches, Mr. Rucastle took me to a small outhouse which stands near the kitchen door. As we approached it I heard the sharp rattling of a chain, and the sound as of a large animal moving about.</p>
	</div>	

</section><!-- .standard -->








<section  class="bb-two-col-stndrd indented  white-bg normal-text ">
    
    <!-- Contact Heading -->
                <h2>2 Column Content Heading</h2>
    
    <div class="two-col-stndrd-grid">
        <!-- Left Column -->
                    <div class="left-col">
                <p><img class="alignnone size-large wp-image-455" src="http://localhost/foundation/wp-content/uploads/2020/03/star-wars-2082969_1280-1024x768.jpg" alt="" width="1024" height="768" srcset="https://dheejay.com/wp-content/uploads/2020/03/star-wars-2082969_1280-1024x768.jpg 1024w, https://dheejay.com/wp-content/uploads/2020/03/star-wars-2082969_1280-300x225.jpg 300w, https://dheejay.com/wp-content/uploads/2020/03/star-wars-2082969_1280-768x576.jpg 768w, https://dheejay.com/wp-content/uploads/2020/03/star-wars-2082969_1280.jpg 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></p>
            </div>
        
        <!-- Right Column -->
                    <div class="right-col">
                <p><img class="alignnone size-large wp-image-454" src="http://localhost/foundation/wp-content/uploads/2020/03/sahara-3729651_1280-1024x682.jpg" alt="" width="1024" height="682" srcset="https://dheejay.com/wp-content/uploads/2020/03/sahara-3729651_1280-1024x682.jpg 1024w, https://dheejay.com/wp-content/uploads/2020/03/sahara-3729651_1280-300x200.jpg 300w, https://dheejay.com/wp-content/uploads/2020/03/sahara-3729651_1280-768x512.jpg 768w, https://dheejay.com/wp-content/uploads/2020/03/sahara-3729651_1280.jpg 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></p>
            </div>
        
    </div>
</section>


<!-- Scripts -->






<!-- Content -->

<section   class="bb-img-slider slider-centre-nav hide-dots  indented white-bg normal-text ">
    <!-- Slider Heading -->
                <h2>Image Slider Heading</h2>
    
    <!-- Slider Images -->
    <div class="image-slider"> 
                                <div class="slick-container">
                            <img alt="" class=""  
                                src="https://dheejay.com/wp-content/uploads/2020/03/celtic-fans-flare-1024x683.jpg" 
                                srcset="https://dheejay.com/wp-content/uploads/2020/03/celtic-fans-flare.jpg 1200w,
                                https://dheejay.com/wp-content/uploads/2020/03/celtic-fans-flare-1024x683.jpg 1024w,
                                https://dheejay.com/wp-content/uploads/2020/03/celtic-fans-flare-768x512.jpg 768w,
                                https://dheejay.com/wp-content/uploads/2020/03/celtic-fans-flare-300x200.jpg 300w,
                                https://dheejay.com/wp-content/uploads/2020/03/celtic-fans-flare-150x150.jpg 150w">    
                        </div>
                                            <div class="slick-container">
                            <img alt="" class=""  
                                src="https://dheejay.com/wp-content/uploads/2020/03/star-wars-2172948_1280-1024x682.jpg" 
                                srcset="https://dheejay.com/wp-content/uploads/2020/03/star-wars-2172948_1280.jpg 1200w,
                                https://dheejay.com/wp-content/uploads/2020/03/star-wars-2172948_1280-1024x682.jpg 1024w,
                                https://dheejay.com/wp-content/uploads/2020/03/star-wars-2172948_1280-768x512.jpg 768w,
                                https://dheejay.com/wp-content/uploads/2020/03/star-wars-2172948_1280-300x200.jpg 300w,
                                https://dheejay.com/wp-content/uploads/2020/03/star-wars-2172948_1280-150x150.jpg 150w">    
                        </div>
                                            <div class="slick-container">
                            <img alt="" class=""  
                                src="https://dheejay.com/wp-content/uploads/2020/03/darth-vader-1207142-1024x680.jpg" 
                                srcset="https://dheejay.com/wp-content/uploads/2020/03/darth-vader-1207142-scaled.jpg 1200w,
                                https://dheejay.com/wp-content/uploads/2020/03/darth-vader-1207142-1024x680.jpg 1024w,
                                https://dheejay.com/wp-content/uploads/2020/03/darth-vader-1207142-768x510.jpg 768w,
                                https://dheejay.com/wp-content/uploads/2020/03/darth-vader-1207142-300x199.jpg 300w,
                                https://dheejay.com/wp-content/uploads/2020/03/darth-vader-1207142-150x150.jpg 150w">    
                        </div>
                            </div> <!-- image-slider -->

        
</section>




<section  class="bb-single-image  no-padding ">
	<img alt="" class=""  
			src="https://dheejay.com/wp-content/uploads/2020/03/star-wars-2082969_1280.jpg" 
			srcset="https://dheejay.com/wp-content/uploads/2020/03/star-wars-2082969_1280-1024x768.jpg 1024w,
			https://dheejay.com/wp-content/uploads/2020/03/star-wars-2082969_1280-768x576.jpg 768w,
			https://dheejay.com/wp-content/uploads/2020/03/star-wars-2082969_1280-300x225.jpg 300w,
			https://dheejay.com/wp-content/uploads/2020/03/star-wars-2082969_1280-150x150.jpg 150w"></section>



<section  class="bb-transparent-image white-bg  contain no-padding middle drop-shadow">
	
	<div class="trnsp-image-grid  secondary-col-bg">
		<img alt="" class=""  
			src="https://dheejay.com/wp-content/uploads/2020/03/star-wars-1181724-902x1024.png" 
			srcset="https://dheejay.com/wp-content/uploads/2020/03/star-wars-1181724-902x1024.png 1024w,
			https://dheejay.com/wp-content/uploads/2020/03/star-wars-1181724-768x872.png 768w,
			https://dheejay.com/wp-content/uploads/2020/03/star-wars-1181724-264x300.png 264w,
			https://dheejay.com/wp-content/uploads/2020/03/star-wars-1181724-150x150.png 150w">	</div>
</section><p>The post <a rel="nofollow" href="https://dheejay.com/dance-music/images/">Images</a> appeared first on <a rel="nofollow" href="https://dheejay.com">Dheejay</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://dheejay.com/dance-music/images/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
