Default on textbox

<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
    <meta http-equiv="Content-Language" content="en-us" />
    <link rel="stylesheet" type="text/css" href="css/reset.css" />
    <link rel="stylesheet" type="text/css" href="css/corpus_style.css" />
    <link rel="stylesheet" type="text/css" href="css/facebox.css" />
    <link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow:bold' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Josefin+Slab:600' rel='stylesheet' type='text/css'>

    
    <link rel="shortcut icon" type="image/x-icon" href="/images/favicon.ico">
    
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js" type="text/javascript"></script>
    <script src="http://cdn.jquerytools.org/1.2.5/jquery.tools.min.js"></script>
    <script src="js/facebox.js"></script>
    <script src="js/scroll.js"></script>

<script type="text/javascript">    
    jQuery(document).ready(function($) {
  $('a[rel*=facebox]').facebox()
})
</script>

    
<script>
// execute your scripts when the DOM is ready. this is mostly a good habit
$(function() {

	// initialize scrollable
	$(".scrollable").scrollable();

});
</script>

<!--code for email form-->

<script src="/js/jquery.form.js" type="text/javascript"></script>
<script src="/js/jquery.validate.min.js" type="text/javascript"></script>

<script type="text/javascript">      
	$(document).ready(function(){
$('#frm_contact').ajaxForm({
		beforeSubmit: function(){
			$('.loading').show();
		},
		success: function(data){
			if(data == 'success'){
				$('#frm_contact').fadeOut(function(){
					$('.loading').hide();
					$('.error').hide();
					$('.success').html('<h2>THANK YOU! <span style="color: #848484; font-size: 13px;">We have added you to our beta program. We will be in touch.</span>').hide().fadeIn();
				});			
			}else{
				$('.loading').hide();
				$('.error').html(data).show();
			}
		}
	});
});
</script>

<style type="text/css">
.error {
	border: 2px solid #d23a3a;
	background: #fee7e8 url(/images/icon_error.png) no-repeat 10px center;
	padding: 11px 11px 11px 64px;
	color: #000;
	margin-bottom: 16px;
	display: none;
	width: 543px;
	min-height: 41px;
}

.success {
	display: none;
}

.success h2 {
	color: #b20834;
}

.loading {
	padding-bottom: 20px;
	display: none;
	font-size: 12px;
}
</style>

    
    <!--[if lt IE 9]>
		<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
	<![endif]-->

    <title>CORPUS | Build virtually, deploy everywhere.</title>
</head>

<body>

<header>

	<div class="container">
	
		<nav style="display: none;">
		
			<a href="#">Home</a>

			<a href="#">Tour</a>
			<a href="#">Pricing</a>
			<a href="#">API</a>
			<a href="#">Hosting</a>
			<a id="signup" rel="facebox" href="#login_box">Sign Up</a>
		
		</nav>

	
	</div><!-- end container -->

</header>

<div id="main">

	<div class="container">
	
		<h1 id="logo">Corpus Est. 2009</h1>
		
		<nav>
		
			<a id="what" href="#what_is_corpus_link">What is Corpus?</a>

			<a id="who" href="#who_usesit_link">Who uses it?</a>
			<a id="corpus_features" href="#features_link">Features</a>
		
		</nav>
	
	</div><!-- end container -->

</div><!-- end main -->

<div class="container">

	<section id="subscribe">

	<div class="success"></div>
		<form action="includes/mailer.php" method="post" enctype="application/x-www-form-urlencoded" id="frm_contact" name="frm_contact" style="overflow:hidden;">
        
        <h2>Get Corpus</h2>
		
        
        <input id="email" name="email" value="Email address" type="text" onFocus="if(this.value==this.defaultValue)this.value='';" onBlur="if(this.value=='')this.value=this.defaultValue;" />
					            <input name="validation" type="hidden" value="ssg8z7xpj1" />
            <input name="ssg8z7xpj1" type="hidden" value="" />
		
		<input type="button" id="submit" name="submit" value="Submit" onClick="$('#frm_contact').submit();" />
        
        </form>

	
	</section><!-- end subscribe -->
        <div class="loading"><img src="http://images.cnblogs.com/icon_load.gif" /> working...</div>
		<div class="error">You have an error.</div>
	
	<p><a id="what_is_corpus_link" style="display: block; height: 50px;" href="#"></a></p>
	
	<section id="what_is_corpus">
	
		<h3 class="fontface">What Is Corpus?</h3>
		
		<p>Corpus is friend to the developer tired of box-based content management systems and those looking for more 		flexibility building websites, web apps, and mobile apps. With Corpus you can virtually build any dynamic content–anywhere. Think of Corpus as your database builder and content manager in one, giving you more power for client and server-side development.</p>

		
		<p>Corpus is agnostic to your programming language or platform preferences. Build an app using PHP, Ruby on Rails, Java, Coco, C, C++, or simply pull in a JSON feed using jquery. It's up to you.  </p>
	
	</section><!-- what_is_corpus -->
	
	<p><a id="features_link" style="display: block; height: 55px;" href="#"></a></p>
	
	<section id="features">
	
		<h3>Features</h3>
		
		<article class="feature">
		
			<img src="images/webappcms.png" alt="Web App CMS" />
		
			<h4>Web App CMS</h4>

			
			<p>Another CMS? No. The CorpusCMS can fit any HTML-based application. It's virtual, giving developers more power and flexibility.</p>
			
			<a style="display: none;" href="#">I like this</a>
		
		</article><!-- end feature -->
		
		<article class="feature">
		
			<img src="images/module-builder.png" alt="Module Builder" />
		
			<h4>Module Builder</h4>
			
			<p>Build apps faster, prototype rapidly, and build custom modules that can be deployed anywhere.</p>

			
			<a style="display: none;" href="#">I need this</a>
		
		</article><!-- end feature -->
		
		<article class="feature last">
		
			<img src="images/mobilecms-icon.png" alt="Mobile CMS" />
		
			<h4>Mobile CMS</h4>
			
			<p>Do you build mobile apps? Deploy dynamic content inside your apps, giving you and your clients more control.</p>
			
			<a style="display: none;" href="#">I love this</a>

		
		</article><!-- end feature -->
	
	</section><!-- end features -->
	
	<p><a id="who_usesit_link" href="#"></a></p>
	
	<section id="clients">
	
		<h3>Clients</h3>
	
			<!-- "previous page" action -->
		<a class="prev browse left"></a>

		<!-- root element for scrollable -->

		<div class="scrollable">   
   
   <!-- root element for the items -->
   <div class="items">
   
      <!-- 1-5 -->
      <div>
         <img width="170" height="120" src="images/artswave-logo.png" alt="Arts Wave" />
         <img width="170" height="120" src="images/battleaxe-logo.png" alt="Battleaxe" />
         <img width="170" height="120" src="images/cw-logo.png" alt="Continuous Web" />
         <img class="last" width="170" height="120" src="images/planb-logo.png" alt="Plan B Flights" />

      </div>
      
      <!-- 5-10 -->
      <div>
         <img width="170" height="120" src="images/seraphim-logo.png" alt="Seraphim" />
         <img width="170" height="120" src="images/sportsot-logo.png" alt="SportsOT" />
         <img width="170" height="120" src="images/tusl-logo.png" alt="TUSL" />
         <img class="last" width="170" height="120" src="images/venueagent-logo.png" alt="Venue Agent" />
      </div>
      
   </div>

   
</div>

<!-- "next page" action -->
<a class="next browse right"></a>
	
	
	</section><!-- end clients -->
	
</div><!-- end container -->
	
<footer>

	<div class="container">
	
		<h1><a href="http://www.becreativegroup.com">Be Creative</a></h1>

		
		<p>© <a href="http://www.becreativegroup.com">Be Creative Group 2011</a> <br /> We Like making cool things for you.</p>
		
		<ul>
		
			<li class="mindbox"><a href="http://www.mindboxstudios.com">Mindbox Studios</a></li>
			<li class="facebook"><a href="http://www.facebook.com/mindboxstudios">Facebook</a></li>
			<li class="twitter"><a href="http://twitter.com/mindboxstudios">Twitter</a></li>

		
		</ul>

	</div><!-- end container -->
	
</footer>

<div id="login_box" style="display: none;">

	<h3>To access your Corpus App, type your subdomain below.</h3>
	
	<input id="corpus_login" type="text" value="Your App" onFocus="if(this.value==this.defaultValue)this.value='';" onBlur="if(this.value=='')this.value=this.defaultValue;" />
	
	<input id="corpus_signin" type="button" value="GO" />

	
	<p>Don't have a subdomain? <a href="#">Become a beta user</a></p>

</div><!-- end login_box -->
<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-23001026-1']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script></body>
</html>
转载于:https://www.cnblogs.com/zhangchenliang/archive/2011/07/27/2117875.html
猜你喜欢
