<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Making a Slick MobileApp Website | Tutorialzine demo by http://www.jb51.net</title>
<link rel="stylesheet" type="text/css" href="http://demo.jb51.net/js/mobileapp_website/styles.css" />
</head>
<body>
<div id="page">
<h1 id="logoh1"><a href="" id="logo">MobileApp - the most useful mobile app!</a></h1>
<h2><a href="http://www.jb51.net/">Back to Tutorialzine »</a></h2>
<div id="phoneCarousel">
<div class="previous arrow"></div>
<div class="next arrow"></div>
<div id="stage">
<img id="iphone" class="default" src="http://demo.jb51.net/js/mobileapp_website/img/phones/iphone.png" width="270" height="400" alt="iPhone" />
<img id="nexus" src="http://demo.jb51.net/js/mobileapp_website/img/phones/nexus_one.png" width="270" height="400" alt="Nexus One" />
<img id="nokia" src="http://demo.jb51.net/js/mobileapp_website/img/phones/nokia.png" width="270" height="400" alt="Nokia" />
<img id="blackberry" src="http://demo.jb51.net/js/mobileapp_website/img/phones/blackberry.png" width="270" height="400" alt="BlackBerry" />
</div>
</div>
<img class="availableAppStore" src="http://demo.jb51.net/js/mobileapp_website/img/available_on_the_appstore.png" width="230" height="80" alt="Available on the Appstore" />
<div class="text">
<h3><img src="http://demo.jb51.net/js/mobileapp_website/img/thumb.png" alt="MobileApp" width="114" height="114" class="thumb" />A wonderful app</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi venenatis volutpat neque, nec porta erat viverra sit amet. Integer sit amet molestie purus. Cras sed tellus vel nulla ullamcorper aliquet in et leo. Quisque tempor augue eu neque vulputate sodales. Aenean sapien urna, pretium in tincidunt et, accumsan sit amet ligula. Pellentesque tortor est, hendrerit et lacinia eu, egestas non lectus. Donec ipsum leo, imperdiet eget commodo at, vehicula non felis. Vestibulum vitae nisl massa. </p>
</div>
<div class="text">
<h3><img src="http://demo.jb51.net/js/mobileapp_website/img/thumb.png" alt="MobileApp" width="114" height="114" class="thumb" />More awesome facts</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi venenatis volutpat neque, nec porta erat viverra sit amet. Integer sit amet molestie purus. Cras sed tellus vel nulla ullamcorper aliquet in et leo. Quisque tempor augue eu neque vulputate sodales. Aenean sapien urna, pretium in tincidunt et, accumsan sit amet ligula. Pellentesque tortor est, hendrerit et lacinia eu, egestas non lectus. Donec ipsum leo, imperdiet eget commodo at, vehicula non felis. Vestibulum vitae nisl massa. </p>
</div>
</div>
<p id="thanks">
The following PSDs were used in the making of this tutorial: <a href="http://livven.deviantart.com/art/Apple-iPhone-4-PSD-167151411">iPhone 4 PSD by Livven</a> | <a href="http://justflikwalk.deviantart.com/art/BlackBerry-Bold-PSD-87200296">BlackBerry Bold PSD by Justflikwalk</a> | <a href="http://zandog.deviantart.com/art/Nexus-One-by-Google-PSD-152032149">Nexus One PSD by Zandog</a> | <a href="http://trreed.deviantart.com/art/Nokia-N96-PSD-167817358">Nokia N96 PSD by Trreed</a>
</p>
<script type="text/javascript" src="http://demo.jb51.net/js/mobileapp_website/jquery.min.js"></script>
<script type="text/javascript" src="http://demo.jb51.net/js/mobileapp_website/script.js"></script>
</body>
</html>
