<!DOCTYPE html> <!--[if lt IE 7]> <html lang="en" class="no-js ie6"> <![endif]--> <!--[if IE 7]> <html lang="en" class="no-js ie7"> <![endif]--> <!--[if IE 8]> <html lang="en" class="no-js ie8"> <![endif]--> <!--[if gt IE 8]><!--> <html class='no-js' lang='en'> <!--<![endif]--> <head> <meta charset='utf-8' /> <meta content='IE=edge,chrome=1' http-equiv='X-UA-Compatible' /> <title>Welcome to Sophie Reade.com - NEW Official Site Coming Soon</title> <link rel="shortcut icon" href="favicon.ico" /> <link rel="apple-touch-icon" href="images/favicon.png" /> <link rel="stylesheet" href="css/maximage.css" type="text/css" media="screen" charset="utf-8" /> <link rel="stylesheet" href="css/styles.css" type="text/css" media="screen" charset="utf-8" /> <!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]--> <!--[if IE 6]> <style type="text/css" media="screen"> .gradient {display:none;} </style> <![endif]--> <style type="text/css"> <!-- .style1 {font-size: 36%} --> </style> </head> <body> <!-- Social Links --> <nav class="social-nav"> <a class="style1" id="logo"><a href=""><img src="cslogo.png" /></a> <ul> </ul> </nav> <!-- Home Page --> <section class="content show" id="home"> <h1>Excited Welcome</h1> <h5>My new site is coming very soon! <br> Love Sophie xxx</h5> <p><a href="#about">get a free alert when my site is live.... &#187;</a></p> <!-- Do not modify the NAME value of any of the INPUT fields the FORM action, or any of the hidden fields (eg. input type=hidden). These are all required for this form to function correctly. --> <style type="text/css"> .myForm td, input, select, textarea, checkbox { font-family: georgia, tahoma; font-size: 14px; } .myForm { padding: 10px; } .required { color: red; } </style> <form method="post" action="http://ynotmail.com/clients/form.php?form=468" id="frmSS468" onsubmit="return CheckForm468(this);"> <table border="0" cellpadding="2" class="myForm"> <tr> <td><h5><span class="required">*</span> Email Address:</h5></td> <td><input type="text" name="email" value="" /></td> </tr><tr> <td><h5>&nbsp;&nbsp;&nbsp;First Name:</h5></td> <td><input type="text" name="CustomFields[2]" id="CustomFields_2_468" value="" size='20'></td> </tr><input type="hidden" name="format" value="h" /> <tr> <td>&nbsp;</td> <td> <br /><input type="submit" value="Alert Me" /> <br/> </td> </tr> </table> </form> <script type="text/javascript"> // <![CDATA[ function CheckMultiple468(frm, name) { for (var i=0; i < frm.length; i++) { fldObj = frm.elements[i]; fldId = fldObj.id; if (fldId) { var fieldnamecheck=fldObj.id.indexOf(name); if (fieldnamecheck != -1) { if (fldObj.checked) { return true; } } } } return false; } function CheckForm468(f) { var email_re = /[a-z0-9!#$%&'*+\/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+\/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?/i; if (!email_re.test(f.email.value)) { alert("Please enter your email address."); f.email.focus(); return false; } return true; } // ]]> </script> </section> <!-- Background Slides --> <div id="maximage"> <div> <img src="images/backgrounds/bg-img-1.jpg" alt="" /> <img class="gradient" src="images/backgrounds/gradient.png" alt="" /> </div> <div> <img src="images/backgrounds/bg-img-2.jpg" alt="" /> <img class="gradient" src="images/backgrounds/gradient.png" alt="" /> </div> <div> <img src="images/backgrounds/bg-img-3.jpg" alt="" /> <img class="gradient" src="images/backgrounds/gradient.png" alt="" /> </div> <div> <img src="images/backgrounds/bg-img-4.jpg" alt="" /> <img class="gradient" src="images/backgrounds/gradient.png" alt="" /> </div> <div> <img src="images/backgrounds/bg-img-5.jpg" alt="" /> <img class="gradient" src="images/backgrounds/gradient.png" alt="" /> </div> </div> <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.js'></script> <script src="js/jquery.easing.min.js" type="text/javascript" charset="utf-8"></script> <script src="js/jquery.cycle.all.js" type="text/javascript" charset="utf-8"></script> <script src="js/jquery.maximage.js" type="text/javascript" charset="utf-8"></script> <script src="js/jquery.fullscreen.js" type="text/javascript" charset="utf-8"></script> <script src="js/jquery.ba-hashchange.js" type="text/javascript" charset="utf-8"></script> <script src="js/main.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript" charset="utf-8"> $(function(){ $('#maximage').maximage({ cycleOptions: { fx: 'fade', speed: 1000, // Has to match the speed for CSS transitions in jQuery.maximage.css (lines 30 - 33) timeout: 5000, prev: '#arrow_left', next: '#arrow_right', pause: 0, before: function(last,current){ if(!$.browser.msie){ // Start HTML5 video when you arrive if($(current).find('video').length > 0) $(current).find('video')[0].play(); } }, after: function(last,current){ if(!$.browser.msie){ // Pauses HTML5 video when you leave it if($(last).find('video').length > 0) $(last).find('video')[0].pause(); } } }, onFirstImageLoaded: function(){ jQuery('#cycle-loader').hide(); jQuery('#maximage').fadeIn('fast'); } }); // Helper function to Fill and Center the HTML5 Video jQuery('video,object').maximage('maxcover'); }); </script> </body> </html>