-
Notifications
You must be signed in to change notification settings - Fork 33
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Added 1 sample contact form with embedded google maps.
- Loading branch information
Showing
5 changed files
with
168 additions
and
7 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,153 @@ | ||
|
||
<!DOCTYPE html> | ||
<html lang="en"> | ||
<head> | ||
<meta charset="utf-8"> | ||
<title>Contact 1</title> | ||
<meta name="description" content=""> | ||
<meta name="author" content=""> | ||
|
||
<!-- Le HTML5 shim, for IE6-8 support of HTML elements --> | ||
<!--[if lt IE 9]> | ||
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> | ||
<![endif]--> | ||
|
||
<script src="scripts/jquery.min.js"></script> | ||
<script src="scripts/bootstrap-dropdown.js"></script> | ||
|
||
<script type='text/javascript'> | ||
$(document).ready(function(){ | ||
$('#topbar').dropdown(); | ||
}); | ||
</script> | ||
|
||
<!-- Le styles --> | ||
<link href="styles/bootstrap.min.css" rel="stylesheet"> | ||
<style type="text/css"> | ||
html, body{ | ||
background: url('images/background.png') repeat top center; | ||
} | ||
body { | ||
padding-top: 60px; | ||
} | ||
</style> | ||
|
||
<!-- Le fav and touch icons --> | ||
<link rel="shortcut icon" href="images/favicon.ico"> | ||
<link rel="apple-touch-icon" href="images/apple-touch-icon.png"> | ||
<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png"> | ||
<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png"> | ||
</head> | ||
|
||
<body> | ||
|
||
<div class="topbar"> | ||
<div class="fill"> | ||
<div class="container"> | ||
<a class="brand" href="#">Project name</a> | ||
<ul class="nav"> | ||
<li class="active"><a href="#">Home</a></li> | ||
<li><a href="#about">About</a></li> | ||
<li><a href="#contact">Contact</a></li> | ||
<li class="dropdown" data-dropdown="dropdown"> | ||
<a href="#" class="dropdown-toggle">Templates</a> | ||
<ul class="dropdown-menu"> | ||
<li><a href="default1.html">Default 1</a></li> | ||
<li><a href="default2.html">Default 2</a></li> | ||
<li><a href="default3.html">Default 3</a></li> | ||
<li class="divider"></li> | ||
<li><a href="homepage1.html">Homepage 1</a></li> | ||
<li class="divider"></li> | ||
<li><a href="contact1.html">Contact 1</a></li> | ||
</ul> | ||
</li> | ||
</ul> | ||
<form action="" class="pull-right"> | ||
<input class="input-small" type="text" placeholder="Username"> | ||
<input class="input-small" type="password" placeholder="Password"> | ||
<button class="btn" type="submit">Sign in</button> | ||
<button class="btn primary" type="submit">Sign up</button> | ||
</form> | ||
</div> | ||
</div> | ||
</div> | ||
|
||
<div class="container"> | ||
|
||
<div class="row"> | ||
<div class='span10'> | ||
<h1>Contact Us</h1> | ||
|
||
<span class="label important">Error: Report code 123 to Agent 007</span><br/> | ||
<span class="label notice">Notice: You've just noticed it!</span><br/> | ||
<span class="label success">Success: Ok, I'm done!</span> | ||
|
||
<div class='cleaner_h20'></div> | ||
|
||
<form class='form-stacked'> | ||
<div class="clearfix"> | ||
<label for="name">Name</label> | ||
<div class="input"> | ||
<input class="xlarge" id="name" name="name" size="30" type="text"> | ||
</div> | ||
</div> | ||
|
||
<div class="clearfix"> | ||
<label for="email">Email</label> | ||
<div class="input"> | ||
<input class="xlarge" id="email" name="email" size="30" type="text"> | ||
</div> | ||
</div> | ||
|
||
<div class="clearfix"> | ||
<label for="subject">Subject</label> | ||
<div class="input"> | ||
<input class="xlarge" id="subject" name="subject" size="30" type="text"> | ||
</div> | ||
</div> | ||
|
||
<div class="clearfix"> | ||
<label for="message">Message</label> | ||
<div class="input"> | ||
<textarea class="xlarge" id="message" name="message" rows='10' style='resize:none;'></textarea> | ||
</div> | ||
</div> | ||
|
||
<div class='cleaner_h10'></div> | ||
|
||
<div class='cleaner_h10'></div> | ||
|
||
<input value='Send a Message' class="btn primary" type="submit"/> | ||
<input value='Reset' class="btn" type="reset"/> | ||
</form> | ||
</div> | ||
|
||
<div class='span6'> | ||
<h3>Contact Information</h3> | ||
<strong>Phone:</strong> (206) 999-9999<br/> | ||
<strong>Email:</strong> contact@sherzod.me | ||
|
||
<div class='cleaner_h10'></div> | ||
|
||
<h3>Address</h3> | ||
<address> | ||
<strong>Sherzod K. Inc.</strong></br> | ||
12345 99th Ave SE<br/> | ||
Seattle, Wa 98000 | ||
</address> | ||
</div> | ||
|
||
<div class='span6'> | ||
<iframe width="340" height="260" frameborder="1" scrolling="yes" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&q=seattle+downtown&aq=&sll=37.0625,-95.677068&sspn=56.06887,64.6875&vpsrc=0&ie=UTF8&hq=&hnear=Seattle,+King,+Washington&t=m&z=10&iwloc=near&output=embed"></iframe><br /> | ||
<small><a href="http://maps.google.com/maps?f=q&source=embed&hl=en&geocode=&q=seattle+downtown&aq=&sll=37.0625,-95.677068&sspn=56.06887,64.6875&vpsrc=0&ie=UTF8&hq=&hnear=Seattle,+King,+Washington&t=m&z=10&iwloc=A" style="color:#0000FF;text-align:left">View Larger Map</a></small> | ||
</div> | ||
</div><!-- end of row --> | ||
|
||
<footer> | ||
<p>© Company 2011 By <a href='http://www.sherzod.me' target='_blank' title='Professional Web Developer'>Sherzod Kutfiddinov</a></p> | ||
</footer> | ||
|
||
</div> <!-- /container --> | ||
|
||
</body> | ||
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters