<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title> Psychic Pages Mobile</title>
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,600i,700,700i,800" rel="stylesheet">
<link media="all" rel="stylesheet" href="css/main.css">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js" defer></script>
<script type="text/javascript">window.jQuery || document.write('<script src="js/jquery-1.11.2.min.js"><\/script>')</script>
<script type="text/javascript" src="js/jquery.main.js" defer></script>
</head>
<body>
<div id="wrapper">
<div class="w1">
<header id="header">
<div class="container">
<ul class="header-list">
<li><a class="nav-opener" href="#"><span class="icon-ico02"></span></a></li>
<li><a href="#"><span class="icon-ico01"></span><span class="alert">88</span></a></li>
<li><a href="#"><span class="icon-phone"></span></a></li>
</ul>
<div class="alignright">
<div class="holder">
<a href="#popup3" class="login-btn lightbox">LOGIN <span class="small">COMING SOON</span></a>
<a class="btn btn-green lightbox" href="#popup4"><span class="small">Get 30 Mins for $14.99!</span> JOIN US FOR FREE</a>
</div>
<div class="holder sec">
<a href="#" class="account-btn"><span class="small">Account Balance</span> 1230 mins</a>
<a class="btn btn-green" href="#"><span class="icon-ico15"></span> Top-Up</a>
</div>
</div>
</div>
<nav id="nav">
<div class="jcf-scrollable nav-holder">
<a href="#" class="icon-close close-nav"></a>
<a href="#" class="btn btn-primary"><i class="icon-ico03"></i> Call now (freephone)</a>
<ul class="main-nav">
<li><a href="#"><i class="icon-ico05"></i><span class="text">Psychic Readers</span></a></li>
<li><a href="#"><i class="icon-ico06"></i><span class="text">Types of Readings</span></a></li>
<li><a href="callingpackages.html"><i class="icon-ico07"></i><span class="text">Calling Packages <span class="text-bright">Save!</span></span></a></li>
<li><a href="#"><i class="icon-ico08"></i><span class="text">Psychic SMS <span class="text-bright">Try for Free!</span></span></a></li>
<li><a href="#"><i class="icon-ico09"></i><span class="text">Customer Service</span></a></li>
</ul>
<div class="logged-state">
<ul>
<li><a href="#"><i class="icon-ico10"></i><span class="text">Register for Free <span class="small">& get 20 minutes for $14.99</span></span></a></li>
<li><a href="#"><i class="icon-ico11"></i><span class="text">Login <span class="comming">Coming Soon!</span></span></a></li>
<li><a href="#"><i class="icon-ico12"></i><span class="text">Terms & Conditions</span></a></li>
</ul>
<ul class="sec">
<li><a href="#"><i class="icon-ico13"></i><span class="text">$30.00 credit <span class="small">worth 15 minutes</span></span></a></li>
<li><a class="btn btn-green" href="callingpackages.html"><i class="icon-ico14"></i>Top-Up Online</a></li>
<li><a href="#"><i class="icon-ico11"></i><span class="text">Logout</span></a></li>
</ul>
</div>
<div class="logo"><a href="#"><img src="images/logo.png" alt="Psychic Pages"></a></div>
</div>
</nav>
</header>
<main id="main" role="main">
<section class="container psychic-sec">
<div class="slide-description">
<div class="slide-holder">
<div class="post-holder">
<header class="sec-header">
<strong class="text">Over 88 Psychic Readers online!</strong>
<form class="selection">
<select>
<option value="v1">Online Now</option>
<option value="v2">All Readers</option>
<option value="v3">Featured</option>
<option value="v4">Television</option>
<option value="v5">Love</option>
</select>
</form>
</header>
<div class="psychic-posts ajax-load-area">
<div id="ajax-scroll-area">
<article class="post green">
<div class="img-holder">
<a class="over opener-description" href="inc/descriptions.html">
<picture>
<!--[if IE 9]><video style="display: none;"><![endif]-->
<source srcset="images/psychic-img1.jpg, images/psychic-img1-hd.jpg 2x">
<!--[if IE 9]></video><![endif]-->
<img src="images/psychic-img1.jpg" alt="image description">
</picture>
<span class="code">PIN 29101</span>
</a>
</div>
<div class="text-box">
<h2><a href="#">Raymond Castrogiovanni</a></h2>
<a href="#" class="btn">I’m Available</a>
</div>
</article>
<article class="post cap-yellow">
<div class="img-holder">
<a class="over opener-description" href="inc/descriptions.html">
<picture>
<!--[if IE 9]><video style="display: none;"><![endif]-->
<source srcset="images/psychic-img1.jpg, images/psychic-img1-hd.jpg 2x">
<!--[if IE 9]></video><![endif]-->
<img src="images/psychic-img1.jpg" alt="image description">
</picture>
<span class="code">PIN 29101</span>
</a>
</div>
<div class="text-box">
<h2><a href="#">Raymond Castrogiovanni</a></h2>
<a href="#" class="btn">In a Reading</a>
</div>
</article>
<article class="post">
<div class="img-holder">
<a class="over opener-description" href="inc/descriptions.html">
<picture>
<!--[if IE 9]><video style="display: none;"><![endif]-->
<source srcset="images/psychic-img1.jpg, images/psychic-img1-hd.jpg 2x">
<!--[if IE 9]></video><![endif]-->
<img src="images/psychic-img1.jpg" alt="image description">
</picture>
<span class="code">PIN 29101</span>
</a>
</div>
<div class="text-box">
<h2><a href="#">Raymond Castrogiovanni</a></h2>
<a href="#" class="btn">I’m Offline</a>
</div>
</article>
</div>
<a href="inc/posts/post01.html" class="btn-load"></a>
</div>
</div>
<div class="description-box"></div>
</div>
</div>
</section>
</main>
<footer id="footer">
<div class="container">
<div class="footer-top">
<div class="logo"><a href="#"><img src="images/logo2.png" alt="Psychic Pages"></a></div>
<ul class="app-btns">
<li><a href="#"><img src="images/google-play.png" alt="google play"></a></li>
<li><a href="#"><img src="images/app-store.png" alt="app store"></a></li>
</ul>
<nav class="footer-nav">
<ul>
<li><a href="#">Terms and Conditions</a></li>
<li><a href="#">Privacy Policy</a></li>
<li><a href="#">Live Chat/Contact Us</a></li>
<li><a href="#">FAQ’s</a></li>
</ul>
</nav>
<span class="copyright">Copyright © <a href="#">PsychicPages.com</a> 2017</span>
</div>
<nav class="flag-list">
<strong class="title">BRINGING PSYCHIC INSIGHT & GUIDANCE TO HOMES ACROSS THE WORLD:</strong>
<ul>
<li><a href="#"><img src="images/flag1.png" alt="flag"></a></li>
<li><a href="#"><img src="images/flag2.png" alt="flag"></a></li>
<li><a href="#"><img src="images/flag3.png" alt="flag"></a></li>
<li><a href="#"><img src="images/flag4.png" alt="flag"></a></li>
<li><a href="#"><img src="images/flag5.png" alt="flag"></a></li>
<li><a href="#"><img src="images/flag6.png" alt="flag"></a></li>
<li><a href="#"><img src="images/flag7.png" alt="flag"></a></li>
<li><a href="#"><img src="images/flag8.png" alt="flag"></a></li>
</ul>
</nav>
</div>
</footer>
</div>
</div>
<div class="popup-holder">
<div id="popup1" class="lightbox popup">
<a href="#" class="icon-close close"></a>
<div class="popup-block">
<header class="head">
<h2><a href="#">Raymond Castrogiovanni</a></h2>
<p>is <span class="bright-colr2">Unavailable</span> but you can get a free SMS & email alert when they next become <span class="bright-colr3">available!</span></p>
</header>
<form action="#" class="register-form">
<div class="input-field"><input type="email" placeholder="Email Address"></div>
<input class="btn purple-btn" type="submit" value="Register for free Email Alert">
<div class="note">
<p>You will receive a free email alert when Raymond Castrogiovanni next becomes available. This is not a subscription.</p>
</div>
</form>
<form action="#" class="register-form">
<div class="input-field"><input type="tel" placeholder="Mobile Phone Number (+44 without 0)"></div>
<input class="btn purple-btn" type="submit" value="Register for free SMS Alert">
<div class="note">
<p>To receive a free SMS alert, please enter your mobile number without the leading zero. For example, 07453315714 would become 447453315714. This is not a subscription. This free service is only available to customers in the UK.</p>
</div>
</form>
</div>
</div>
<div id="popup2" class="lightbox popup call-popup">
<a href="#" class="icon-close close"></a>
<div class="popup-block">
<header class="head">
<div class="img-holder">
<a href="#">
<picture>
<!--[if IE 9]><video style="display: none;"><![endif]-->
<source srcset="images/psychic-img1.jpg, images/psychic-img1-hd.jpg 2x">
<!--[if IE 9]></video><![endif]-->
<img src="images/psychic-img1.jpg" alt="image description">
</picture>
</a>
</div>
<h2><span class="small">Getting a live reading with</span><a href="#">Raymond Castrogiovanni</a><span class="small">is easy and affordable!</span></h2>
</header>
<div class="popup-body">
<a href="#" class="btn purple-btn">Pay By Credit Card (freephone)</a>
<p>Three packages available: 20 Mins for £20 (£1/min), 30 Mins for £18.50 (90p/min) or 60 Mins for £10.00 (20p/min). <strong>Calls from your phone are free.</strong></p>
<a href="#" class="btn purple-btn">Pay Using Your Mobile (£1/min)</a>
<div class="billed">
<p>Calls will be billed to your mobile phone at £1.00/minute.</p>
<div class="info-text">
<p>When requested enter PIN number</p>
<strong class="num">1234</strong>
</div>
</div>
<div class="small-text">
<p>Over 18s only. Mobile calls to 60110 cost £1.50 per minute. Billpayers permission required. Calls may appear on your bill. We may send you ree promotional messages.To stop, send STOP to 86666. This programme is an advertisement for products and services which are for entertainment purposes only. Helpline 0333 335 02970. Live calls recorded in compliance with PhonepayPlus regulations. Live call services by Com and Tel UK Ltd.</p>
</div>
</div>
</div>
</div>
<div id="popup3" class="lightbox popup login-popup">
<a href="#" class="icon-close close"></a>
<div class="popup-block">
<header class="head">
<h2>welcome back!</h2>
</header>
<form action="#" class="register-form signup-form">
<div class="input-wrp">
<div class="input-field"><input type="email" placeholder="Email Address"></div>
<div class="input-field"><input type="password" placeholder="Password"></div>
</div>
<div class="box">
<input class="btn purple-btn" type="submit" value="Login to your Account">
<span class="forgot">Forgotten your password? <a href="#">Reset it.</a></span>
<p>If you’re new to Psychic Pages, <a class="lightbox" href="#popup4">register your free account!</a></p>
</div>
</form>
</div>
</div>
<div id="popup4" class="lightbox popup signup-popup">
<a href="#" class="icon-close close"></a>
<div class="popup-block">
<header class="head">
<h2>WELCOME TO PSYCHIC PAGES!</h2>
<p>Open a free account to top-up online and redeem your welcome offer, 30 Minutes for $14.99!</p>
</header>
<form action="#" class="register-form signup-form">
<div class="input-wrp">
<div class="input-field"><input type="text" placeholder="First Name"></div>
<div class="input-field"><input type="text" placeholder="Last Name"></div>
<div class="input-field"><input type="email" placeholder="Email Address"></div>
<div class="input-field"><input type="password" placeholder="Password"></div>
</div>
<input class="btn purple-btn" type="submit" value="Create Your Free Account">
<p>If you have an existing account, <a class="lightbox" href="#popup3">please login!</a></p>
</form>
</div>
</div>
</div>
<div class="alret-pupup opened" data-days="2" data-url="#">
<a href="#" class="icon-close close"></a>
<div class="holder">
<div class="popup-head">
<a href="#" class="icon-speak"></a>
<h2>NOTIFICATION TITLE</h2>
</div>
<div class="popup-body">
<p>Sed sit amet dui nec libero facilisis vehicula eget non arcu. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla semper a nunc eu varius. Ut non purus id orci sagittis interdum. Fusce sit amet ultricies felis. Suspendisse dui massa, vehicula at finibus id, venenatis vitae augue.</p>
<a href="#" class="btn btn-primary">Button Link</a>
<div class="terms-note">
<strong class="sub-tilte">Terms and Conditions</strong>
<p>Sed sit amet dui nec libero facilisis vehicula eget non arcu. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla semper a nunc eu varius. Ut non purus id orci sagittis interdum. Fusce sit amet ultricies felis. Suspendisse dui massa, vehicula at finibus id, venenatis.</p>
</div>
</div>
</div>
</div>
</body>
</html>