Skip to content

Instantly share code, notes, and snippets.

@jsejcksn
Last active March 27, 2016 06:11
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 jsejcksn/ec20cb5cb6ebc42461fd to your computer and use it in GitHub Desktop.
Save jsejcksn/ec20cb5cb6ebc42461fd to your computer and use it in GitHub Desktop.
<!doctype html>
<html lang="en">
<head itemscope itemtype="http://schema.org/Product">
<meta charset="utf-8">
<META HTTP-EQUIV="Expires" content="Wed, 06 Jul 2015 06:06:06 GMT"/>
<meta itemprop="name" content="Noizio – your subtle companion!">
<meta itemprop="description" content="Noizio is the minimalistic background sound equalizer for Mac OS X, that will increase your working productivity or ability to relax.">
<meta itemprop="image" content="www.noiz.io">
<title>Noizio – ambient sound equalizer for relax or productivity.</title>
<meta name="description" content="Noizio is an app that will drown out the noise of the street and allow you to concentrate on the work at hand, increasing your productivity." />
<meta name="keywords" content="Noizio, noise, sound, ambient, productivity, sleep, equalizer, nature, music, mac, free, app, relax" />
<link rel="stylesheet" href="css/styles.css">
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Roboto:100,300,400,700">
<link rel="icon" type="image/vnd.microsoft.icon" href="favicon.ico">
<link rel="publisher" href="https://plus.google.com/+NoizioApp"/>
<!-- Вставьте этот тег в заголовке страницы или непосредственно перед закрывающим тегом основной части. G++++-->
<script src="https://apis.google.com/js/platform.js" async defer></script>
<style type="text/css">
html, body, input, select, textarea {
font:300 18px "Roboto", sans-serif;
color:#777
}
</style>
<!--[if lt IE 9]>
<script src="//oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js" async defer></script>
<script src="//oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js" async defer></script>
<![endif]-->
</head>
<body>
<header class="header wrapper">
<img src="images/logo.png" width="128" height="128" alt="Noizio – your subtle companion!">
<h1>Noizio – your subtle companion.</h1>
<p>Feeling that the noise of the big city is too much for you to bear? Just turn on the sound and allow yourself to become engulfed in the tranquil sounds of nature. Whether you wish to feel as if you’re sitting near a fireplace under a cozy blanket, or that you’re meditating on a desolate sea shore as gusts of wind ruffle your hair, Noizio will be there to set the mood. With this ambient sound equalizer, not only will you be able to relax, but you will also increase your productivity, as you’re trying to concentrate on your work!</p>
<!--<p style="color:#fb666d">Hey there. Our account is temporarily locked on the Appstore, due to the fact that it was opened in the Crimea, Ukraine. We apologize for any inconvenience. The application file is available for download from Dropbox.</p>-->
<a class="btn btn-app-store" href="https://itunes.apple.com/us/app/noizio/id928871589" title="Available on the Mac App Store" target="_blank"><em>Available on the Mac App Store</em></a>&nbsp;&nbsp;&nbsp;
<a class="btn btn-donate" href="https://itunes.apple.com/us/app/noizio/id960716999" title="Available on the App Store" target="_blank"><em>Available on the App Store</em></a>
</header>
<div class="bar2"></div>
<div class="about wrapper">
<ul>
<li>
<div class="table-cell">
<p class="title">Starting is quick and easy</p>
<p>Just click on the icons, which represent different ambient sounds, and drag the slider to increase or decrease the volume of the sound. This way you can choose a dominant noise sound in the background.</p>
</div>
<img src="images/about/noizio_starting2.jpg" width="280" height="220" alt="Starting is quick and easy">
</li>
<li class="left-side">
<img src="images/about/noizio_settings2.jpg" width="280" height="220" alt="Simple settings">
<div class="table-cell">
<p class="title">Simple settings</p>
<p>All settings are intuitive and simple to understand. Choose whether you wish Noizio to start running as soon as you turn on your computer, or whether you want to see its icon on the dock.</p>
</div>
</li>
<li>
<div class="table-cell">
<p class="title">Developed for El Capitan</p>
<p>OS X El Capitan is the world’s most advanced OS to date. Thus, we effort to ensure that Noizio runs on it like a charm. Therefore, no matter which Mac OS you’re using, you will be able to enjoy the pleasant atmosphere that Noizio can create.</p>
</div>
<img src="images/about/noizio_yosemite2.jpg" width="280" height="220" alt="Share it with your friends!">
</li>
<li class="left-side">
<img src="images/about/noizio_launch2.jpg" width="280" height="220" alt="Launch on start">
<div class="table-cell">
<p class="title">Launch on start</p>
<p>You can set up Noizio to start running as soon as you turn on your computer, in order to save you time on opening it up manually.</p>
</div>
</li>
<li>
<div class="table-cell">
<p class="title">Ready for your Retina Mac</p>
<p>Noizio was built exclusively for Mac. Thus, if you love how good the Retina display looks on your Mac, you will be happy to know that Noizio’s graphics are fully compatible with this technology.</p>
</div>
<img src="images/about/noizio_retina2.jpg" width="280" height="220" alt="Pause during Skype call">
</li>
</ul>
</div>
<div class="work">
<p class="title">Working on all Mac devices with OS X 10.8+</p>
</div>
<div id="reviews" class="reviews wrapper">
<div id="item-1" class="review">I love using Noizio for creating a romantic atmosphere. It’s not every day that you can rest by the fire or listen to the crash of waves in the distance. However, Noizio’s ambient sounds can create this illusion.</div>
<div id="item-2" class="review active">I usually get distracted very easily by the noise. I’ve tried using ear plugs, but I hated them from the start. Finally, with Noizio, I was finally able to block out all the distractions with pleasant nature sounds.</div>
<div id="item-3" class="review">Sometimes I just feel like zoning out and meditating on my thoughts for a while. It’s a great thing to do once in a while, and Noizio’s ambient nature sounds help me relax better than ever.</div>
<ul class="clearfix">
<li data-id="item-1">
<img src="http://noiz.io/images/avatars/1.jpg" width="50" height="50" alt="John Caruso">
<p class="name">John Caruso</p>
<p>Music Editor</p>
</li>
<li data-id="item-2" class="active">
<img src="images/avatars/2.jpg" width="50" height="50" alt="Diana Bergstrom">
<p class="name">Diana Bergstrom</p>
<p>Trance DJ</p>
</li>
<li data-id="item-3">
<img src="images/avatars/3.jpg" width="50" height="50" alt="Sergei Dubograev">
<p class="name">Sergei Dubograev</p>
<p>CEO Pinxter Inc.</p>
</li>
</ul>
<a class="btn btn-app-store" href="https://itunes.apple.com/us/app/noizio/id928871589" title="Available on the Mac App Store" target="_blank"><em>Available on the Mac App Store</em></a>
<a class="btn btn-donate" href="https://itunes.apple.com/us/app/noizio/id960716999" title="Available on the App Store" target="_blank"><em>Available on the App Store</em></a>
</br></br></br><!--
<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="KBMFGYJK2CB5L">
<input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
</form>
</br></br>-->
<center>
<div class="fb-like" style="top:-4px;" data-href="https://www.facebook.com/noizioapp" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></div>&nbsp;&nbsp;&nbsp;<a href="http://twitter.com/noizio" class="twitter-follow-button" data-show-count="true" data-lang="en">Follow @noizio</a> </div>
</center>
</div>
</div>
<footer class="footer">
<div class="wrapper">
<p>Made with <i class="heart"></i> in Ukraine</p>
<ul>
<li><a href="https://www.facebook.com/noizioapp">Facebook</a></li>
<li><a href="https://twitter.com/noizio">Twitter</a></li>
<li><a href="https://drive.google.com/folderview?id=0ByvqQsxHfokkb3NXcU1Nd2MydlU&usp=sharing">Press Kit</a></li>
<li><a href="report.html">Contact</a></li>
</ul>
<p>Copyright © 2014-2016 noiz.io. All rights reserved.</p>
</div>
</footer>
<div id="fb-root"></div>
<script async>(function(d, s, id) {var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/ru_RU/sdk.js#xfbml=1&appId=737545802962888&version=v2.0"; fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'facebook-jssdk'));</script>
<script async>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
//reviews
$("#reviews li").click(function(){
if ($(this).hasClass("active") == false){
var id = $(this).data("id");
$("#reviews .active").removeClass("active");
$("#"+ id).addClass("active");
$(this).addClass("active");
}
});
});
</script>
<!-- Yandex.Metrika counter -->
<script type="text/javascript">(function (d, w, c) { (w[c] = w[c] || []).push(function() { try { w.yaCounter25681958 = new Ya.Metrika({id:25681958, webvisor:true, clickmap:true, trackLinks:true, accurateTrackBounce:true}); } catch(e) { } }); var n = d.getElementsByTagName("script")[0], s = d.createElement("script"), f = function () { n.parentNode.insertBefore(s, n); }; s.type = "text/javascript"; s.async = true; s.src = (d.location.protocol == "https:" ? "https:" : "http:") + "//mc.yandex.ru/metrika/watch.js"; if (w.opera == "[object Opera]") { d.addEventListener("DOMContentLoaded", f, false); } else { f(); } })(document, window, "yandex_metrika_callbacks");</script><noscript><div><img src="//mc.yandex.ru/watch/25681958" alt="ya_counter" height="0px" width="0px" /></div></noscript><!-- /Yandex.Metrika counter -->
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment