<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Notan Live!</title>
<link rel="stylesheet" href="notan-css/bootstrap.min.css">
<link rel="stylesheet" href="notan-css/font-awesome.min.css">
<link rel="stylesheet" href="notan-css/owl.carousel.css">
<link rel="stylesheet" href="notan-css/owl.theme.css">
<link rel="stylesheet" href="notan-css/nivo-lightbox/nivo-lightbox.css">
<link rel="stylesheet" href="notan-css/nivo-lightbox/nivo-lightbox-theme.css">
<link rel="stylesheet" href="notan-css/animate.css">
<link rel="stylesheet" href="notan-css/style.css">
<script src="notan-js/modernizr.custom.js"></script>
</head>
<body>
<a href="#" id="back-to-top" class="top"><i class="fa fa-chevron-up"></i></a>
<!-- HHHHHHHHHHHHHHHHHH Preloader HHHHHHHHHHHHHHHH -->
<!-- <div id="preloader"></div> -->
<!-- HHHHHHHHHHHHHHHHHH Header HHHHHHHHHHHHHHHH -->
<section id="header" class="header">
<div class="top-bar">
<div class="container">
<div class="navigation" id="navigation-scroll">
<div class="row">
<div class="col-md-11 col-xs-10">
<a href="index.html"><span id="logo"><strong class="strong">Notan Live!</strong></span></a>
</div>
<div class="col-md-1 col-xs-2">
</div>
</div><!-- /.row -->
</div><!-- /.navigation -->
</div><!--/.container-->
</div><!--/.top-bar-->
<div class="container">
<div class="starting">
<div class="row">
<div class="col-md-6">
<img src="notan-img/side.png" alt="" class="wow flipInY animated animated">
</div>
<div class="col-md-6">
<div class="banner-text">
<h2 class="animation-box wow bounceIn animated">A visual tool for artists</h2>
<p>
Functioning similarly to the threshold adjustment layer in Photoshop, it is an aid to composition by allowing the artist to compose with shadows only. With this tool, light and dark can be arranged in visual space.
</p>
<a href="https://itunes.apple.com/us/app/notan-live/id1356318552?mt=8" class="btn btn-download wow animated fadeInLeft">
<i class="fa fa-apple pull-left"></i>
<strong>Get it on</strong>
<br/>the App store </a>
</div> <!-- /.banner-text -->
</div>
</div>
</div>
<!-- /.starting -->
</div>
<!-- /.container -->
</section>
<!-- /#header -->
<!-- HHHHHHHHHHHHHHHHHH Bigfeature HHHHHHHHHHHHHHHH -->
<section id="bigfeatures" class="img-block-3col wrapper">
<div class="container">
<div class="row">
<div class="col-sm-4">
<ul class="item-list-right item-list-big">
<li class="wow fadeInLeft animated">
<h3> </h3>
<p> </p>
</li>
<li class="wow fadeInLeft animated">
<h3>Multiple Filters</h3>
<p>Frame live view in Color, NOTAN, and B/W modes</p>
</li>
<li class="wow fadeInLeft animated">
<h3>NOTAN View</h3>
<p>The slider allows the user to choose a pixel luminosity value of 0-255, in real time, with values at or below the threshold being displayed as black (shadow) - values above the threshold are displayed as white (light)</p>
</li>
</ul>
</div>
<div class="col-sm-4 col-sm-push-4">
<ul class="item-list-left item-list-big">
<li class="wow fadeInRight animated">
<h3> </h3>
<p> </p>
</li>
<li class="wow fadeInRight animated">
<h3>Photo Library</h3>
<p>Apply any of the filters to images from your photo library</p>
</li>
<li class="wow fadeInRight animated">
<h3>Save Image</h3>
<p>Save filtered images to your photo library</p>
</li>
</ul>
</div>
<div class="col-sm-4 col-sm-pull-4 text-center">
<div class="animation-box wow bounceIn animated">
<img class="highlight-left wow animated" src="notan-img/spark.png" height="192" width="48" alt="">
<img class="highlight-right wow animated" src="notan-img/spark.png" height="192" width="48" alt="">
<img class="screen" src="notan-img/front.png" alt="" height="581" width="300">
</div>
</div>
</div>
</div> <!-- /.container -->
</section> <!-- /#bigfeatures -->
<!-- HHHHHHHHHHHHHHHHHH Contact Us HHHHHHHHHHHHHHHH -->
<section id="contact" class="wrapper">
<div class="container">
<div class="row">
<div class="col-md-3 contact-item col-sm-6 col-xs-12 wow animated fadeInRight">
<i class="fa fa-envelope"></i>
<h3>Email Address</h3>
<p class="contact">
<a href="mailto:ianb821@gmail.com">ianb821@gmail.com</a> <br>
<a href="www.ianburns.co=">www.ianburns.co</a>
</p>
</div>
</div> <!-- /.row -->
</div> <!-- /.container -->
</section> <!-- /#contact -->
<!-- HHHHHHHHHHHHHHHHHH Footer HHHHHHHHHHHHHHHH -->
<section id="footer" class="wrapper">
<div class="container text-center">
<div class="footer-logo">
<h1 class="text-center animation-box wow bounceIn animated">Notan Live!</h1>
</div>
<ul class="social-icons text-center">
<li class="wow animated fadeInRight twitter"><a href="https://twitter.com/ianb821"><i class="fa fa-twitter"></i></a>
</ul>
<div class="copyright">
<div>©2018 Ian Burns, All Rights Reserved</div>
</div>
</div><!-- container -->
</section>
<script src="notan-js/jquery-1.11.2.min.js"></script>
<script src="notan-js/wow.min.js"></script>
<script src="notan-js/owl-carousel.js"></script>
<script src="notan-js/nivo-lightbox.min.js"></script>
<script src="notan-js/smoothscroll.js"></script>
<!--<script src="js/jquery.ajaxchimp.min.js"></script>-->
<script src="notan-js/bootstrap.min.js"></script>
<script src="notan-js/classie.js"></script>
<script src="notan-js/script.js"></script>
<script>
new WOW().init();
</script>
<script>
$(document).ready(function(){
$(".hideit").click(function(){
$(".overlay").hide();
});
$("#trigger-overlay").click(function(){
$(".overlay").show();
});
});
</script>
<script>
$(document).ready(function(){
var kawa = $('.top-bar');
var back = $('#back-to-top');
function scroll() {
if ($(window).scrollTop() > 700) {
kawa.addClass('fixed');
back.addClass('show-top');
} else {
kawa.removeClass('fixed');
back.removeClass('show-top');
}
}
document.onscroll = scroll;
});
</script>
<!--HHHHHHHHHHHH Smooth Scrooling HHHHHHHHHHHHHHHH-->
<script>
$(function() {
$('a[href*=#]:not([href=#])').click(function() {
if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
var target = $(this.hash);
target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
if (target.length) {
$('html,body').animate({
scrollTop: target.offset().top
}, 1000);
return false;
}
}
});
});
</script>
</body>
</html>