index.html


<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> 
<html class="no-js"> <!--<![endif]-->
    <head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<title>Origem Woot - An extension for plug.dj & Dubtrack.fm</title>
	<meta name="copyright" content="Origem Woot"/>
	<meta name="author" content="Origem Woot"/>
	<meta name="Generator" content="Origem Woot">
	<meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon" />
	<meta name="description" content="Origem Woot, the fastest, most lightest extension for plug.dj & dubtrack.fm Packed with features, easy to use, fits in perfectly with plug.dj's & dubtrack.fm's design!">
	<meta name="Keywords" content="origem woot, origem, origem bot, music, edm, electronic, dance, bot, plug dj, emoticons, extensão, chrome, plug.dj, plug, plugcubed, script, blacklist, overplayed, events, parties, social, community, autowoot, fun, friendly, family, plug.dj, vip, emotes, origem script, origem community script, extension, extensions, bookmark">	
	<meta property="fb:app_id" content="1762105387451233" />
	<meta property="og:title" content="Origem Woot - Next Generation of Autowoot"/>
	<meta property="og:image" content="http://i.imgur.com/KFkeGA5.jpg"/>
	<meta property="og:url" content="https://origemwoot.github.io/"/>
	<meta property="og:site_name" content="Origem Woot - Next Generation of Autowoot"/>
	<meta property="og:type" content="website" />
	<meta property="og:locale" content="en_US" />
	<meta property="og:description" content="Origem Woot, the fastest, most lightest extension for plug.dj & dubtrack.fm Packed with features, easy to use, fits in perfectly with plug.dj's & dubtrack.fm's design!"/>
	<meta name="twitter:card" content="summary" />
	<meta name="twitter:site" content="@partydjofficial" />
	<meta name="twitter:title" content="Origem Woot - Next Generation of Autowoot" />
	<meta name="twitter:description" content="Origem Woot, the fastest, most lightest extension for plug.dj & dubtrack.fm Packed with features, easy to use, fits in perfectly with plug.dj's & dubtrack.fm's design!" />
	<meta name="twitter:image" content="http://i.imgur.com/KFkeGA5.jpg" />
	<link href="https://plus.google.com/b/117870014010254032564/" rel="publisher" />    
	<meta http-equiv="content-language" content="en-US">
	<meta name="theme-color" content="#734ba9">
    <link rel="icon" type="image/ico" href="./favicon.ico">
	<meta name="google-site-verification" content="VSfq1rCPixS1lwdbx3h1UWydyEOH8c7tOzrNY2IQe94" />
	<script type="application/ld+json"> { 
"@context" : "http://schema.org",
"@type" : "Organization", 
"name":"Origem Woot",
"url":"https://origemwoot.github.io/",
"email":"support@origem-woot.tk"
} </script>

        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <link href="css/flexslider.min.css" rel="stylesheet" type="text/css" media="all"/>
        <link href="css/line-icons.min.css" rel="stylesheet" type="text/css" media="all"/>
        <link href="css/elegant-icons.min.css" rel="stylesheet" type="text/css" media="all"/>
        <link href="css/lightbox.min.css" rel="stylesheet" type="text/css" media="all"/>
        <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" media="all"/>
        <link href="css/theme-blues.css" rel="stylesheet" type="text/css" media="all"/>
        <link href="css/custom.css" rel="stylesheet" type="text/css" media="all"/>
        <!--[if gte IE 9]>
        	<link rel="stylesheet" type="text/css" href="css/ie9.css" />
		<![endif]-->
        <link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,400,300,600,700%7CRaleway:700' rel='stylesheet' type='text/css'>
        <script src="js/modernizr-2.6.2-respond-1.1.0.min.js"></script>
	<script src="https://cdn.socket.io/socket.io-1.2.1.js"></script>
   	<script src="https://origempolling.glitch.me/socket.io/socket.io.js"></script>
    	<script>
    	var socket = io.connect('https://origempolling.glitch.me');
    	socket.on('visits', function(online){
		JSON.stringify(online);
      	document.getElementById('online').innerHTML = online;
		socket.emit('website');
    	});
    	</script>
    </head>
    <body>
    	<div class="loader">
    		<div class="spinner">
			  <div class="double-bounce1"></div>
			  <div class="double-bounce2"></div>
			</div>
    	</div>
				
		<div class="nav-container">
			<nav class="top-bar overlay-bar">
				<div class="container">
				
					<div class="row utility-menu">
						<div class="col-sm-12">
							<div class="utility-inner clearfix">
								<span class="alt-font"><i class="icon icon_mail"></i> support@origem-woot.tk</span>
								<div class="pull-right">
									<a href="#" class="btn btn-primary btn-white btn-xs">Login</a>
									<a href="#" class="btn btn-primary btn-filled btn-xs">Signup</a>
									<a href="#" class="language"><img alt="English" src="img/english.png"></a>
									<a href="#" class="language"><img alt="English" src="img/denmark.png"></a>
								</div>
							</div>
						</div>
					</div><!--end of row-->
				
				
					<div class="row nav-menu">
						<div class="col-sm-3 col-md-2 columns">
							<a href="index.html">
<h5><a style="color:#00b4ff;">ORIGEM</a><em style="font-style: normal !important;color:white;"> WOOT</em></h5>
							</a>
						</div>
					
						<div class="col-sm-9 col-md-10 columns">
							<ul class="menu">
								<li><a href="/">Home</a></li>
								<li class="has-dropdown"><a href="#">Features</a>
									<ul class="subnav">
										<li><a href="/features">Features List</a></li>
										<li><a href="/backgrounds">Backgrounds</a></li>
										<li><a href="/keyboardshort">Keyboard Shortcuts</a></li>
										<li><a href="/commands">Commands</a></li>
									</ul>
								</li>
								<li><a  href="/emotes">Emotes</a></li>
								<li class="has-dropdown"><a href="#">Support</a>
									<ul class="subnav">
										<li><a href="#">Become translator</a></li>
										<li><a href="#">Become supporter</a></li>
										<li><a href="https://origeminvite.herokuapp.com/">Slack</a></li>
									</ul>
								</li>
							</ul>

							<ul class="social-icons text-right">
								<li>
									<a href="#">
										<i class="icon social_twitter"></i>
									</a>
								</li>
							
								<li>
									<a href="https://www.facebook.com/origemwootnew">
										<i class="icon social_facebook"></i>
									</a>
								</li>
							
								<li>
									<a href="#">
										<i class="icon social_instagram"></i>
									</a>
								</li>
							</ul>
						</div>
					</div><!--end of row-->
					
					<div class="mobile-toggle">
						<i class="icon icon_menu"></i>
					</div>
					
				</div><!--end of container-->
			</nav>
		
			
		
			
		
			
		
		</div>
		
		<div class="main-container">
			<header class="page-header">
				<div class="background-image-holder parallax-background">
					<img class="background-image" alt="Background Image" src="https://i.imgur.com/Pr5FIgS.png">
				</div>
				
				<div class="container">
					<div class="row">
						<div class="col-sm-12 text-center">
							<h1><a style="color:#00b4ff;">ORIGEM</a><em style="font-style: normal !important;color:white;"> WOOT</em></h1>
							<h1 id="pollStats" class="text-white" style="margin-bottom: 20px !important;width: 550px;margin: 0 auto;"><span id="online">0</span> people are now using Origem Woot</h1>
							<h3 class="text-white space-bottom-medium">The fastest, most lightest extension for plug.dj</h3>
							<a target="_blank" href="https://rawgit.com/OrigemWoot/OrigemWoot/master/origem.user.js" class="btn btn-primary btn-white">UserScript</a>
							<a title="Drag me to your bookmarks bar!" onclick="return alert('Drag this link to your bookmarks'),false;" href="javascript:(function(){$.getScript('https://rawgit.com/OrigemWoot/OrigemWoot/master/origem.min.js');}());" target="_blank" class="btn btn-primary btn-filled">PLUG.DJ</a>
							<a title="Drag me to your bookmarks bar!" onclick="return alert('Drag this link to your bookmarks'),false;" href="javascript:(function(){$.getScript('https://rawgit.com/OrigemWoot/OrigemWootDubtrack/master/origem.min.js');}());" target="_blank" class="btn btn-primary btn-filled">DUBTRACK</a>
							<p class="subTxt" style="color:white;margin-top: 25px;">JUST DRAG THE ORIGEM BUTTON ABOVE TO YOUR BOOKMARKS BAR,<br>
VISIT A COMMUNITY ON PLUG.DJ, AND YOU'RE GOOD TO GO!</p>
						</div>
					</div><!--end of row-->
				</div><!--end of container-->
			</header>
			
			<section class="strip bg-secondary-1">
				<div class="container">
					<div class="row clearfix">
						<div class="col-sm-6 col-xs-12 pull-left">
							<h3 class="text-white"><strong>Origem Woot Next Generation of autowoot! </strong>What are u wait? Drop it in your bookmark</h3>
						</div>
						
						<div class="col-sm-4 col-xs-12 pull-right text-right">
							<a href="#" class="btn btn-primary btn-white">ORIGEM</a>
						</div>
					</div>
				</div>
			</section>
			
						<section class="side-image clearfix">
				<div class="image-container col-md-5 col-sm-4 pull-left">
					<div class="background-image-holder">
						<img class="background-image" alt="Background Image" src="https://i.imgur.com/jSD74cj.png">
					</div>
				</div>
				
				<div class="container">
					<div class="row">
						<div class="col-md-6 col-md-offset-6 col-sm-7 col-sm-offset-5 content clearfix">
							<h1>Origem Woot easy to use,<br>has many features, and cool things!</h1>
							<p class="lead">
								We looking for new standards,collecting new ideas than that mix and get new features!
							</p>
						
							<div class="row">
								<div class="col-md-6 no-pad-left">
									<div class="feature feature-icon-left">
										<div class="icon-holder">
											<i class="icon icon-genius"></i>
										</div>
										<div class="feature-text">
											<h6>Fast and Complex UI</h6>
											<p>
												We used modern design in the world to build this extension</p>
										</div>
									</div>
								</div><!--end of feature-->
						
								<div class="col-md-6 no-pad-left">
									<div class="feature feature-icon-left">
										<div class="icon-holder">
											<i class="icon icon-flag"></i>
										</div>
										<div class="feature-text">
											<h6>Private Chat</h6>
											<p>We use websockets to create realtime messaging system and more!</p>
										</div>
									</div>
								</div><!--end of feature-->
							</div><!--end of row-->
						
							<div class="row">
								<div class="col-md-6 no-pad-left">
									<div class="feature feature-icon-left">
										<div class="icon-holder">
											<i class="icon icon_adjust-vert"></i>
										</div>
										<div class="feature-text">
											<h6>Styling</h6>
											<p>
												Just for you we`ve added stylings from old plug.dj if you dont like this!</p>
										</div>
									</div>
								</div><!--end of feature-->
						
								<div class="col-md-6 no-pad-left">
									<div class="feature feature-icon-left">
										<div class="icon-holder">
											<i class="icon icon-pencil icon-large"></i>
										</div>
										<div class="feature-text">
											<h6>Most Features</h6>
											<p>
												We every day adding new features on your request or we get idea.We make dream feature in reality.</p>
										</div>
									</div>
								</div><!--end of feature-->
							</div><!--end of row-->
					
						</div>
					</div><!--end of row-->
				</div>
			</section>
			
			
			<section class="no-pad clearfix">
				
				<div class="col-md-6 col-sm-12 no-pad">
				
					<div class="feature-box">
					
						<div class="background-image-holder overlay">
							<img class="background-image" alt="Background Image" src="https://i.imgur.com/C5U3ACl.png">
						</div>
						
						<div class="inner">
							<span class="alt-font text-white">CUSTOM THINGS</span>
							<h1 class="text-white">We added for you custom backgrounds!</h1>
							<p class="text-white">
								More than 40 backgrounds you can change on click or if you dont like you can use custom from link 
							</p>
							<a href="#" class="btn btn-primary btn-white">Tell Me More</a>
						</div>
					</div>
					
				</div>
				
				<div class="col-md-6 col-sm-12 no-pad">
				
					<div class="feature-box">
					
						<div class="background-image-holder overlay">
							<img class="background-image" alt="Background Image" src="https://i.imgur.com/YvoucLL.png">
						</div>
						
						<div class="inner">
							<span class="alt-font text-white">Userlist</span>
							<h1 class="text-white">You can see here all users with roles and groles,mention</h1>
							<p class="text-white">
								You can use modal userlist to see information about user but also you can mention him 
							</p>
							<a href="#" class="btn btn-primary btn-white">Tell Me More</a>
						</div>
					</div>
				</div>
				
			</section>
			

		</div>
		
		<div class="footer-container">
		
			<footer class="bg-primary short-2">
				<div class="container">
					<div class="row">
						<div class="col-sm-12">
							<span class="text-white">© 2017 Origem Woot.</span>
							<span class="text-white"><a href="#">support@origem-woot.tk</a></span>
							<span class="text-white">+361694423990</span>
						</div>
					</div><!--end for row-->
				</div><!--end of container-->
				
				<div class="contact-action">
					<div class="align-vertical">
						<i class="icon text-white icon_mail"></i>
						<a href="#" class="text-white"><span class="text-white">Get in touch with us <i class="icon arrow_right"></i></span></a>
					</div>
				</div>
			</footer>
		</div>
				
		<script src="js/jquery.min.js"></script>
        <script src="js/jquery.plugin.min.js"></script>
        <script src="js/bootstrap.min.js"></script>
        <script src="js/jquery.flexslider-min.js"></script>
        <script src="js/smooth-scroll.min.js"></script>
        <script src="js/skrollr.min.js"></script>
        <script src="js/spectragram.min.js"></script>
        <script src="js/scrollReveal.min.js"></script>
        <script src="js/isotope.min.js"></script>
        <script src="js/twitterFetcher_v10_min.js"></script>
        <script src="js/lightbox.min.js"></script>
        <script src="js/jquery.countdown.min.js"></script>
        <script src="js/scripts.js"></script>
    </body>
</html>
				