<!DOCTYPE html>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     	   												                                                                                                                                                                                                    
<html lang="en">           

   <head>    
	 <!-- GA START -->
	 <script async src="https://www.googletagmanager.com/gtag/js?id=G-71YCHC082Q"></script>
	 <script>
	     window.dataLayer = window.dataLayer || [];
	     function gtag(){dataLayer.push(arguments);}
	     gtag('js', new Date());
	     gtag('config', 'G-71YCHC082Q');
	 </script>
	 <!-- GA END -->
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1">  
	 <meta name="format-detection" content="telephone=no"> 
     <meta name="description" content="Revo is an innovative entertainment company that centers energy upon developing emergent talent via the use of disruptive technology and expertise of leaders within the Global Music Marketplace.">
     <title> Revo Entertainment </title>  
  	 <link href="CSS/index_v2.css" rel="stylesheet">
	 <link href="CSS/animation_v1.css" rel="stylesheet">
	 <link href="CSS/mobile_v2.css" rel="stylesheet">
	 <link href="CSS/fortGrid.css" rel="stylesheet">	 
	 <link href="https://fonts.googleapis.com/css?family=Fira+Sans+Condensed:100,300,400,700|Palanquin+Dark" rel="stylesheet">
	 <link rel="icon" type="image/png" href="Assets/Icons/favicon.ico"> 
   </head>  
   
   <body>
     
   
     
    
   
   
   
     
   <!------------------- PRELOAD & NAVIGATE -----------------> 
   <div id="PreloadNavigate"></div>
   
   <div id="LoaderContainer">
      <div id="LoaderInner">
         <div id="SpinnerOne" class="spin"></div>
         <div id="SpinnerTwo" class="spin"></div>
         <div id="SpinnerThree" class="spin"></div> 
		 <div id="SpinnerFour" class="spin"></div> 
      </div>	  
   </div>
   
   <div id="PreloadNavigateOverlay"></div> 
     
   
   
   
   
   
   
     
   <!-------------------- HAMBURGER --------------------> 
   <div id="Hamburger">  
      <div id="Bars" class="inner-el first">   
	     <div class="bar"></div>
	     <div class="bar"></div>
	     <div class="bar"></div>  
	  </div> 
	  <p id="Close" class="inner-el">X</p> 
   </div>

   <img id="NavLogo" src="Assets/Icons/Logos/logo.png">
 	     
	  
	  
	  
	  
	  
	  
	     
   <!-------------------- NAVIGATION -------------------->   
   <div id="Navigation">                            
  
	  <div id="NavigationInner">
	     <div class="links one"> 
            <p class="navscroll" data-scrollto="welcomeSection"> welcome </p>
			<a href="https://sal-mundi-collection.square.site/" target="_blank"><p> sal mundi collection </p></a>
			<a href="https://revo-ent.square.site/" target="_blank"><p> revo collection </p></a>
	     </div> 
		 <div class="links two">    
			<p class="navscroll" data-scrollto="seenSection"> features </p>
			<p class="navscroll" data-scrollto="clientSectionOne"> clients </p>		  			
			<p class="navscroll" data-scrollto="locationSection"> contact </p>
		 </div> 
	  </div> 
	   
	  <div id="Social">               
         <a id="IG" class="navigate" href="https://www.instagram.com/revoentertainment/"><img src="Assets/Icons/Social/instagram.png"></a> 
	     <a id="FB" class="navigate" href="https://www.facebook.com/revoentgroup/"><img src="Assets/Icons/Social/facebook.png"></a>
	  </div>   
	  
   </div>
     
   <div id="NavigationOverlay"></div>  
    
   
   
   
   
      
	    
	  	 
   <!------------------- DOT NAVIGATION --------------------->     
   <div id="DotNavigation">      
      <div id="One" class="sectionlink1 container dotnav smoothscroll active" data-scrollto="welcomeSection"> <div class="inner"></div> </div>
      <div id="Two" class="sectionlink2 container dotnav smoothscroll" data-scrollto="seenSection"> <div class="inner"></div> </div>
	  <div id="Three" class="sectionlink3 container dotnav smoothscroll" data-scrollto="locationSection"> <div class="inner"></div> </div> 
   </div>  
    
   

   
   
   
   
      
   <!------------------- NOTIFICATIONS --------------------->      
   <div id="NotifOverlay">                             
      <div id="Notif">
	     <div id="Image"> <img src="Assets/Icons/notifications.png"> </div> 
		 <div id="Information">
		    <h1></h1>  
			<p></p> 
		 </div>  
		 <div id="Close"> <img src="Assets/Icons/close.png"> </div>    
	  </div>       
   </div> 
  






   <!------------------- WELCOME SECTION -------------------->                                                                          
   <div id="WelcomeSection" class="parallax-element welcome-parallax opacityHide scrollsection" data-opacityRate="1.2" data-scrollsection="1"> 
         
      <div id="WelcomeImage" class="fill-parent layout background"> </div>  
      <div id="WelcomeOverlay" class="fill-parent layout"> </div>    
	  <canvas id="WelcomeParticles" class="layout"> </canvas>   
      <div id="WelcomeBottomBar" class="layout"></div>

      <div id="WelcomeContent" class="parallax-element welcome-parallax down" data-distance="100">
         <h1> REVO <span id="TypewriterTextOne">MANAGEMENT</span> </h1>     
         <h2> Revo Entertainment is a full-service media company focusing on driving disruption. We look forward to innovating with you. </h2> 
         <div id="WelcomeContentClearFloat"></div>
         <a href="https://sal-mundi-collection.square.site/" target="_blank"><h3> SAL MUNDI COLLECTION <span>SHOP NOW</span> </h3></a>
         <a href="https://revo-ent.square.site/" target="_blank"><h3 class="two"> REVO COLLECTION <span>SHOP NOW</span> </h3></a>
      </div> 

      <div id="WelcomeScroll" class="smoothscroll" data-scrollto="missionSection">  
         <p> SCROLL TO DISCOVER </p>
         <img src="Assets/Icons/welcomescroll.svg">    
      </div>
      
   </div>
    
   
   
   
   
   
   
       
   <!------------------- DIVIDER SECTION -------------------->  
   <div id="Divider1" class="vertical-divider scrollsection" data-scrollsection="2">    
      <div class="divider parallax-element height down opacityShow"></div> 
   </div> 
   
   
   
   
   
   
   
     
   <!------------------- SEEN SECTION --------------------->                       
   <div id="SeenSection" class="animation1 ae-fadein ae-up scrollsection" data-scrollsection="2">    
      <div id="SeenContainer"> 		  
	     <img src="Assets/Icons/Features/1.png">
	     <img src="Assets/Icons/Features/2.jpg"> 
		 <img src="Assets/Icons/Features/3.png">   
	     <img src="Assets/Icons/Features/4.jpg">
	     <img src="Assets/Icons/Features/5.png">   
	     <img src="Assets/Icons/Features/6.png">
	     <img src="Assets/Icons/Features/7.jpg"> 		 
	  </div> 
      <div class="animation-element up-trigger" data-num="1"></div> 	  
   </div> 
     
   
   
   
   
   
   
      
   <!------------------- CLIENT SECTION ONE --------------------->         
   <div id="ClientSectionOne" class="fortgrid_section scrollsection" data-scrollsection="2">                                         

 	  <!-- row one --> 
      <div class="fortgrid_row one">      
		 <a class="navigate" href="https://open.spotify.com/artist/5cbdEjQ0smJIRXa0k6lxbG?si=FvINCySwSR68qjD0EppEiQ">
		 <div class="fortgrid_el one square-large top left border-right animation2 ae-up ae-fadein">
		    <div class="fortgrid_innerel image parallax-element right" data-distance="100"></div>  
		    <div class="fortgrid_innerel overlay">   
			   <h1 class="title left bottom"> MYLES MARCUS </h1> 
			   <img class="curve hor top" src="Assets/Images/Curves/curve-hor-top.png"> 
			</div> 
			<div class="animation-element up-trigger" data-num="2"></div>  
		 </div> 
		 </a> 
	  </div> 
	  
 	  <!-- row two -->
      <div class="fortgrid_row margin two">     
		 <a class="navigate" href="https://open.spotify.com/artist/24kVN1UVLVaUBTsNxomeOt?si=xay72aYUQeu-Ji82Xa_arQ"> 
		 <div class="fortgrid_el one square-large top right border-left animation3 ae-up ae-fadein">
		    <div class="fortgrid_innerel image parallax-element left" data-distance="100"></div>  
		    <div class="fortgrid_innerel overlay">    
			   <h1 class="title right top"> SALVATORE MUNDI </h1> 
			   <img class="curve hor bottom" src="Assets/Images/Curves/curve-hor-bottom.png"> 
			</div> 
			<div class="animation-element up-trigger" data-num="3"></div>    
		 </div> 	
		 </a> 
	  </div>  
	  
   </div> 	  
  
 





      
   <!------------------- ABOUT SECTION --------------------->                       
   <div id="AboutSection" class="scrollsection" data-scrollsection="3">                  
      
      <div id="One" class="col animation4 ae-up ae-fadein">
         <img src="Assets/Icons/About/1.png">   
		 <h1> MISSION </h1>    
		 <p> <span>1</span> Revo is an innovative entertainment company that centers energy upon developing emergent talent via the use of disruptive technology and expertise of leaders within the Global Music Marketplace. </p>
		 <div class="animation-element up-trigger stat" data-num="4"></div>   
	  </div>  
		   
	  <div class="connector animation5 ae-up ae-fadein"> 
	     <div class="tri one"></div>
		 <div class="animation-element up-trigger" data-num="5"></div>			
	  </div> 
       
      <div id="Two" class="col animation6 ae-up ae-fadein">
         <img src="Assets/Icons/About/2.png">     
		 <h1> SERVICES </h1>   
		 <p> <span>2</span> Publishing, Distribution, Streaming Promotion, Live Entertainment, Radio Touring, Film Production & Photography, Mobile App / Web Development, Digital Marketing / Strategy i.e. SEO, SMM, EMM. </p>
		 <div class="animation-element up-trigger stat" data-num="6"></div>   
	  </div>  
	     
	  <img class="geom one parallax-element animate down opacityShow" src="Assets/Icons/About/3.png" data-distance="150">
	  <img class="geom two parallax-element animate down opacityShow" src="Assets/Icons/About/4.png" data-distance="75"> 
	  <img class="geom three parallax-element animate up opacityShow" src="Assets/Icons/About/5.png" data-distance="75">
	  <img class="geom four parallax-element animate up opacityShow" src="Assets/Icons/About/6.png" data-distance="150">  
		  
   </div>
 






        
   <!------------------- CLIENT SECTION TWO --------------------->         
   <div id="ClientSectionTwo" class="fortgrid_section scrollsection" data-scrollsection="3">                                        
    	  
		  
 	  <!-- row three -->
      <div class="fortgrid_row three">   
	  
	     <a class="navigate" href="https://open.spotify.com/artist/3EeeYPAxpl80AKCGRc99Pn?si=2IhXi0x6Sd20eIzFo_Z6kg"> 
		 <div class="fortgrid_el one rect-large top left animation7 ae-up ae-fadein">
		    <div class="fortgrid_innerel image parallax-element left" data-distance="100"></div>  
		    <div class="fortgrid_innerel overlay">    
			   <h1 class="title left top"> SYDNEY </h1>   			   
			</div>  
			<div class="animation-element up-trigger" data-num="7"></div>  
		 </div>  	  
		 </a> 
		 
	  </div> 
	  
	  
 	  <!-- row four -->
      <div class="fortgrid_row margin four">  
	  
		 <a class="navigate" href="https://open.spotify.com/artist/7qi5VYi7twuIuVkJRZ7P4d?si=juh-SPLHQj-eRnz8dw_18Q"> 
		 <div class="fortgrid_el one square-large top left border-right animation8 ae-up ae-fadein">
		    <div class="fortgrid_innerel image parallax-element up" data-distance="100"></div>  
		    <div class="fortgrid_innerel overlay">    
			   <h1 class="title right bottom"> EMOGEE </h1>   		   
			</div>  
			<div class="animation-element up-trigger" data-num="8"></div>  
		 </div>
		 </a>
		  
		 <a class="navigate" href="https://open.spotify.com/artist/71wgN1CedM2DoHelVrI87x?si=BKjIJebXQDCxRSf3wBloQA"> 
		 <div class="fortgrid_el two square-large bottom right border-left animation9 ae-up ae-fadein">
		    <div class="fortgrid_innerel image parallax-element down" data-distance="100"></div>  
		    <div class="fortgrid_innerel overlay">    
			   <h1 class="title left top"> FRIENDZONE </h1>   		   
			</div>  
			<div class="animation-element up-trigger" data-num="9"></div>  
		 </div> 	
		 </a> 
		 
	  </div>
	  
	  
 	  <!-- divider -->
      <div class="vertical-divider">    
         <div class="divider parallax-element height down opacityShow"></div> 
      </div>  
	  
	  
 	  <!-- row five -->
      <div class="fortgrid_row five">      
	  
		 <a class="navigate" href="https://open.spotify.com/artist/5rrWLg0nuYcGoYNajeD3Q6?si=WmsxLhuQSS2s6iJyqMHGfA"> 
		 <div class="fortgrid_el one square-large top left border-right animation10 ae-up ae-fadein">
		    <div class="fortgrid_innerel image parallax-element right" data-distance="100"></div>  
		    <div class="fortgrid_innerel overlay">   
			   <h1 class="title left bottom"> DOSK </h1> 
			   <img class="curve hor top" src="Assets/Images/Curves/curve-hor-top.png"> 
			</div> 
			<div class="animation-element up-trigger" data-num="10"></div>  
		 </div> 
		 </a> 
		 
	  </div> 
	  
	  
 	  <!-- row six -->
      <div class="fortgrid_row margin six">     
	  
		 <a class="navigate" href="https://open.spotify.com/artist/117VxWISk8HamCQarDbIGU?si=fdC8iHRYRNuCTmBCC0zGNA"> 
		 <div class="fortgrid_el one square-large top right border-left animation11 ae-up ae-fadein">
		    <div class="fortgrid_innerel image parallax-element left" data-distance="100"></div>  
		    <div class="fortgrid_innerel overlay">    
			   <h1 class="title right top"> TEMPTING FATE </h1> 
			   <img class="curve hor bottom" src="Assets/Images/Curves/curve-hor-bottom.png"> 
			</div> 
			<div class="animation-element up-trigger" data-num="11"></div>    
		 </div> 	
		 </a> 
		 
	  </div>  
	   

   </div> 
  






 
   <!------------------- QUOTE SECTION --------------------->          
   <div id="QuoteSection" class="scrollsection" data-scrollsection="3">     
      <div class="animation12 ae-up ae-fadein">	  
	     <img src="Assets/Icons/quote.png"> 
         <p class="one"> The purpose of music is to make us cherish our ability to feel and express emotion, challenge our minds and character, and create new pathways of thought; helping us to find our authentic selves in relation to the world around us, and meaning in our everyday lives. </p> 
	     <p class="two"> - Salvatore Mundi </p>  
         <div class="animation-element up-trigger" data-num="12"></div>
	  </div>  
   </div>     
    

   
   
   
   
   
   
   <!------------------- LOCATION SECTION -------------------->                    
   <div id="LocationSection" class="scrollsection" data-scrollsection="3">          

      <div id="LocationInnerWrapper" class="fill-parent animation13 ae-fadein ae-up"> 

          <div id="LocationMap" class="fill-parent"></div> 
          <div id="OverlayUpper" class="overlay one"></div> 
          <div id="OverlayLower" class="overlay one"></div> 
          <div id="OverlayRight" class="overlay two"></div> 
          <div id="OverlayLeft" class="overlay two"></div>  

          <div id="LocationContent"> 
              <h1> <span>CONTACT</span> REVO </h1> 
              <h2> If you have any questions or require assistance please use the contact form below. </h2> 
              <a href="https://fortitudedev.typeform.com/to/CwqFyGLw" target="_blank"><h3> SUBMIT QUESTIONS <span>→</span> </h3></a> 
          </div>  

          <div id="LocationContactInfo">
              <h4 class="first"> <span>213 - 775 - 1802</span> <img src="Assets/Icons/Contact/phone.png"> </h4>     
              <h4> <span><strong>Montclair, New Jersey</strong></span> <img src="Assets/Icons/Contact/location.png"> </h4>    
              <h4> <span>info@revoent.com</span> <img src="Assets/Icons/Contact/email.png"> </h4> 
          </div>

          <div class="animation-element up-trigger" data-num="13"></div>       

      </div>

   </div> 








   <!------------------- SCRIPTS ---------------------> 
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
   <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script> 
   <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBRKnDADbl7KlWL7PGA2sk8utTU3susdx8"></script>
   <script src="JS/typewriter.js"></script>      
   <script src="JS/index_v1.js"></script> 
   </body> 
   
</html>   