Skip to content

Instantly share code, notes, and snippets.

@sahat

sahat/index.html

Created December 15, 2014 07:04
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save sahat/ce4b0752ba2f534181bd to your computer and use it in GitHub Desktop.
Save sahat/ce4b0752ba2f534181bd to your computer and use it in GitHub Desktop.
Download ZIP
roniit.com
Raw
index.html
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js oldie lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]> <html class="no-js oldie lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]> <html class="no-js oldie lt-ie9" lang="en"> <![endif]-->
<!--[if IE 9]> <html class="no-js lt-ie10" lang="en"> <![endif]-->
<!--[if gt IE 9]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
<title>RONIIT</title>
<meta charset="utf-8" />
<meta name="description" content="American dark electro-pop artist. Includes biography, discography, tour schedule, gallery, and more." />
<meta name="keywords" content="roniit, ronit, alkayam, dark, pop, musician, artist, electronic, electro, electric, band, female, vocals, synth, goth, evil, denver, colorado, independent, solo" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta property="og:title" content="RONIIT" />
<meta property="og:url" content="http://roniit.com" />
<meta property="og:description" content="American dark electro-pop artist. Includes biography, discography, tour schedule, gallery, and more." />
<meta property="og:image" content="http://www.roniit.com/images/og-roniit.jpg" />
<link rel="icon" type="image/png" href="favicon.png" />
<link rel="stylesheet" type="text/css" href="unholy-styles.css" />
<script type="text/javascript" src="js/modernizr.js"></script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-36021022-1']);
_gaq.push(['_setDomainName', 'roniit.com']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</head>
<body>
<div id="pre-loader">
<div class="cuts" id="left-cut"></div>
<div class="cuts" id="right-cut"></div>
<div id="spinner-wrapper">
<div id="spinner"></div>
<h4>Loading</h4>
</div>
</div>
<nav>
<ul>
<li class="nav-link" data-section="main">I. Main</li>
<li class="nav-link" data-section="about">II. About</li>
<li class="nav-link" data-section="discography">III. Discography</li>
<li class="nav-link" data-section="tour">IV. Tour</li>
<li class="nav-link" data-section="gallery">V. Gallery</li>
<li class="nav-link" data-section="connect">VI. Connect</li>
<li><a href="http://bandcamp.roniit.com/merch" target="_blank">VII. Merch</a></li>
<li class="socials" id="fb"><a href="http://facebook.com/roniitmusic" target="_blank"></a></li>
<li class="socials" id="tw"><a href="http://twitter.com/electro_doll" target="_blank"></a></li>
<li class="socials" id="yt"><a href="http://youtube.com/user/roniitmusic" target="_blank"></a></li>
</ul>
<h1>Roniit</h1>
</nav>
<div id="wrapper">
<section id="main-section">
<div id="feature-slides">
<div class="feature-slide" id="fs-video">
<div class="media"><img src="images/main-section/roniit-lost-at-sea.jpg" alt="" /></div>
<div class="callout">
<p>"Lost at Sea"</p>
<p>Debut Music Video</p>
</div>
<div id="feature-play-btn" class="hidden"></div>
</div>
<div class="feature-slide">
<div class="media"><img src="images/main-section/roniit-feature.jpg" alt="" /></div>
<div class="callout">
<p>"In The Shadows"</p>
<p>EP</p>
</div>
<a id="buy-now-btn" href="http://bandcamp.roniit.com/album/in-the-shadows-ep" target="_blank">Listen / Buy</a>
</div>
</div>
<div id="timer-strip">
<div class="panel">
<div class="strip"><span class="bar"></span></div>
</div>
<div class="panel">
<div class="strip"><span class="bar"></span></div>
</div>
</div>
<div id="legal-stuff">&copy; Roniit. All Rights reserved.</div>
<div id="video-screen"></div>
</section>
<section id="about-section">
<div class="media"><img src="images/full-screen/about-bg.jpg" alt="" /></div>
<div class="section-outer">
<div class="section-inner">
<div class="section-content">
<h2>About</h2>
<p>Roniit is an independent Dark Electro Pop artist hailing from the mountains of Colorado. Harnessing her silvery voice and a keen ear for melody, Roniit writes and produces catchy yet somber electronic music.</p>
<p>Her self titled debut album was released in June of 2011 to positive reviews from fans and blogs. With her dark and unique sound Roniit has captured attention locally and worldwide. &ldquo;Every once in awhile, there is an album that comes along that totally blows you away. Roniit&rsquo;s self titled release is one such album...&rdquo; - Migrate Music News.</p>
<p>Since starting in her career in 2011 Roniit has toured nationally, playing 30 cities in 2 months. She has sung on several collaboration tracks with DJs from the United Kingdom, Los Angeles, and New York. Her latest creation is her 6 track EP &ldquo;In The Shadows.&rdquo; All music, lyrics and production are her own handiwork, with drums and assistant production by Eric W. Brown.</p>
</div>
</div>
</div>
</section>
<section id="discography-section">
<div class="media"><img src="images/full-screen/discography-bg.jpg" alt="" /></div>
<div class="section-outer">
<div class="section-inner">
<div class="section-content">
<h2>Discography</h2>
<div id="discography">
<div class="album">
<a href="http://bandcamp.roniit.com/album/in-the-shadows-ep" target="_blank">In The Shadows - EP</a>
<div class="album-cover"><img src="images/discography-section/in-the-shadows.jpg" alt="" /></div>
<ul>
<li>01. Only You</li>
<li>02. Lost At Sea</li>
<li>03. In The Shadows</li>
<li>04. Into A Dream</li>
<li>05. Sleepless</li>
<li>06. I Never Knew</li>
</ul>
<ul>
<li><a href="http://bandcamp.roniit.com/album/in-the-shadows-ep" target="_blank">Buy on BandCamp</a></li>
<li><a href="https://itunes.apple.com/us/album/in-the-shadows-ep/id579354930" target="_blank">Buy on iTunes</a></li>
</ul>
</div>
<div class="album">
<a href="http://bandcamp.roniit.com/track/in-the-shadows-single" target="_blank">In The Shadows - Single</a>
<div class="album-cover"><img src="images/discography-section/in-the-shadows-single.jpg" alt="" /></div>
<ul>
<li>01. In The Shadows</li>
</ul>
<ul>
<li><a href="http://bandcamp.roniit.com/track/in-the-shadows-single" target="_blank">Buy on BandCamp</a></li>
<li><a href="https://itunes.apple.com/us/album/in-the-shadows-single/id560216455" target="_blank">Buy on iTunes</a></li>
</ul>
</div>
<div class="album">
<a href="http://bandcamp.roniit.com/album/roniit-debut-album" target="_blank">Roniit - Debut Album</a>
<div class="album-cover"><img src="images/discography-section/roniit.jpg" alt="" /></div>
<ul>
<li>01. Infernal Anxiety</li>
<li>02. Stronger</li>
<li>03. Now Or Never</li>
<li>04. Home</li>
<li>05. You Were Trained</li>
<li>06. Interlude</li>
<li>07. Tomorrow</li>
<li>08. Missing You</li>
<li>09. Cover My Eyes</li>
<li>10. Enslaved</li>
<li>11. Carry Me Away</li>
<li>12. Most Extreme Infernal Anxiety</li>
<li>13. DJSE Infernal Anxiety Remix</li>
</ul>
<ul>
<li><a href="http://bandcamp.roniit.com/album/roniit-debut-album" target="_blank">Buy on BandCamp</a></li>
<li><a href="https://itunes.apple.com/us/album/roniit/id443545413" target="_blank">Buy on iTunes</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="tour-section">
</section>
<section id="gallery-section">
<div id="photo-gallery">
<div class="photo dbl"><div class="media"><img src="images/full-screen/06-m.jpg" alt="" /><img src="images/full-screen/06.jpg" alt="" /></div></div>
<div class="photo"><div class="media"><img src="images/full-screen/07.jpg" alt="" /></div></div>
<div class="photo"><div class="media"><img src="images/full-screen/01.jpg" alt="" /></div></div>
<div class="photo dbl"><div class="media"><img src="images/full-screen/09-m.jpg" alt="" /><img src="images/full-screen/09.jpg" alt="" /></div></div>
<div class="photo"><div class="media"><img src="images/full-screen/04.jpg" alt="" /></div></div>
<div class="photo"><div class="media"><img src="images/full-screen/02.jpg" alt="" /></div></div>
<div class="photo dbl"><div class="media"><img src="images/full-screen/08-m.jpg" alt="" /><img src="images/full-screen/08.jpg" alt="" /></div></div>
<div class="photo"><div class="media"><img src="images/full-screen/10.jpg" alt="" /></div></div>
<div class="photo"><div class="media"><img src="images/full-screen/05.jpg" alt="" /></div></div>
<div class="photo"><div class="media"><img src="images/full-screen/03.jpg" alt="" /></div></div>
</div>
<span class="arrow" id="prev-arrow"></span>
<span class="arrow" id="next-arrow"></span>
</section>
<section id="connect-section">
<div class="media"><img src="images/full-screen/connect-bg.jpg" alt="" /></div>
<div class="section-outer">
<div class="section-inner">
<div class="section-content">
<h2>Connect</h2>
<p>For booking and general inquiries,<br />please contact Roniit at:</p>
<a href="mailto:RA@roniit.com">RA@roniit.com</a>
<div class="divider"></div>
<p>Connect with Roniit on:</p>
<ul>
<li><a href="http://roniit.tumblr.com" target="_blank">Tumblr</a></li>
<li><a href="http://facebook.com/roniitmusic" target="_blank">Facebook</a></li>
<li><a href="http://twitter.com/electro_doll" target="_blank">Twitter</a></li>
<li><a href="http://soundcloud.com/electro_doll" target="_blank">SoundCloud</a></li>
<li><a href="http://youtube.com/user/roniitmusic" target="_blank">YouTube</a></li>
</ul>
</div>
</div>
</div>
</section>
</div>
<div id="old-browsers">
<div id="message">
<p>This site is running on modern HTML5 technologies more <a href="http://www.youtube.com/watch?v=qYVUlig-WzU" target="_blank">powerful</a> then Mark's V6 Camry!<br/>Please upgrade to one of the following:</p>
<a href="http://www.google.com/chrome" target="_blank">Chrome /</a><a href="http://www.apple.com/safari/" target="_blank"> Safari </a><a href="http://www.mozilla.org/en-US/firefox/new/" target="_blank">/ Firefox</a>
</div>
</div>
<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.min.js"></script>
<script type="text/javascript" src="js/underscore-min.js"></script>
<script type="text/javascript" src="js/application.js"></script>
<script type="text/javascript" src="js/data.js"></script>
<script type='text/javascript' src="js/function-of-the-beast.js"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment