API tools faq
paste
RishiShreshtha

niraj

RishiShreshtha
Nov 21st, 2012
128
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 8.55 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title></title>
  6. <link href="css/style.css" rel="stylesheet" type="text/css" />
  7. <link rel="stylesheet" href="css/menu_style.css" type="text/css"/>
  8. <!--[if IE 7]>
  9. <style>
  10.     #navigation ul li a {
  11.     display:block;
  12.     min-width: 0%;    
  13.     margin:0;
  14.     height:23px;
  15.     text-decoration:none;
  16.     text-align:center;
  17.     color:#fff;
  18. }
  19.  
  20. #navigation ul li a:hover{
  21.     min-width: 0%;    
  22.     display:block;
  23.     color: #7cddff;
  24.     background:#5e778d;
  25.     height:23px;
  26.     margin:0;          
  27.     }
  28.    
  29. #navigation ul li {
  30.     float:left;
  31.     display:block;
  32.     min-width: 0%;
  33.     padding:0;
  34.     position:relative;
  35.     z-index:500;
  36. }
  37. #navigation ul li ul.sub li{
  38.     min-width: 60%;
  39.    display:block;
  40.    overflow:hidden;
  41. }
  42.  
  43. #navigation ul li ul{
  44.     min-width: 60%;
  45. }
  46.  
  47. #navigation ul li ul.sub li a{
  48.     min-width:60%;
  49.     overflow:hidden;  
  50.    display:block;
  51. }
  52. #navigation ul li ul.sub li a:hover{
  53.     min-width:60%;
  54.     overflow:hidden;
  55.     display:block;                         
  56. }
  57. </style>
  58. <![endif]-->
  59. <!--[if lt IE 9]>
  60. <style>
  61.     #navigation ul li a {
  62.     padding:7px 29px 5px 29px;
  63.    }
  64. #navigation ul li a:hover{
  65.     padding:7px 29px 5px 29px;
  66.    }
  67. </style>    
  68. <![endif]-->
  69.  
  70. <style>
  71. *, html {
  72.     outline:none !important;
  73. }
  74. .error {
  75.     border:1px solid red !important;
  76. }
  77. #response {
  78.     display:none;
  79. }
  80. </style>
  81. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  82. <script type="text/javascript" src="js/jQuery-form-validation.js"></script>
  83. <script type="text/javascript">
  84. jQuery(document).ready(function () {
  85.   jQuery('.submit').click(form_registration);
  86.  
  87.   function form_registration() {
  88.     val = jQuery('#contactUsForm :input').validateForm();
  89.     if (val) {
  90.       var user_name = jQuery('#FirstNameField').val();
  91.       var user_last = jQuery('#LastNameField').val();
  92.       var user_phone = jQuery('#PhoneField').val();
  93.       var user_email = jQuery('#EmailField').val();
  94.       jQuery.ajax({
  95.         type: 'post',
  96.         data: {
  97.           user_name: user_name,
  98.           user_last: user_last,
  99.           user_phone: user_phone,
  100.           user_email: user_email
  101.         },
  102.         dataType: 'json',
  103.         success: function (msg) {
  104.           alert('ERROR!');
  105.           //alert(input_data);
  106.           return false;
  107.         },
  108.         error: function () {
  109.           alert('Thank You!');
  110.  
  111.           var url = 'http://api.rentalapp.zillow.com/aa481d4123d6cb9485371a0b97d4b480/leads.add.json?name=%20[' + user_name + ']%20[' + user_last + ']%20&email=[' + user_email + ']&phone=[' + user_phone + ']';
  112.           var iframe = '<iframe style="display:none;" src="' + url + '"></iframe>';
  113.           jQuery('body').append(iframe);
  114.         }
  115.       });
  116.       return false;
  117.     }
  118.   }
  119. });
  120. </script>
  121.  
  122.  
  123.  
  124. <!--<script type="text/javascript" src="js/jquery-1.3.1.min.js"></script>-->
  125.  
  126. <div id="fb-root"></div>
  127. <script>(function(d, s, id) {
  128. var js, fjs = d.getElementsByTagName(s)[0];
  129. if (d.getElementById(id)) return;
  130. js = d.createElement(s); js.id = id;
  131. js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=454933137882374";
  132. fjs.parentNode.insertBefore(js, fjs);
  133. }(document, 'script', 'facebook-jssdk'));</script>
  134. </head>
  135. <body>
  136. <div id="header-wrapper">
  137.   <div id="header">
  138.     <a href="index.html"><div id="pw_website_logo" class="pw_widget"></div></a>
  139.     <div class="header-links"><a class="tenant" href="tenant_login.html">Tenant Login</a> <a class="owner" href="owner_login.html">Owner Login</a></div>
  140.     <div id="pw_website_header" class="pw_widget">
  141.      
  142.     </div>
  143.     <div id="pw_website_navigation_none">
  144.       <div id="navigation">
  145.       <ul>
  146.     <li> <a href="about_us.html">About Us</a>
  147.       <ul class="sub">
  148.         <li><a href="team.html">Team</a></li>
  149.         <li> <a href="btrm_careers.html">Careers</a></li>
  150.       </ul>
  151.     </li>
  152.    <li><a href="rentals.html">Rental Listings</a> </li>
  153.     <li><a href="tenant_login.html">Tenant Services</a> </li>
  154.     <li><a href="owner_login.html">Owner Services</a>
  155.       <ul class="sub">
  156.         <li><a href="lease_management.html">Lease Management</a></li>
  157.         <li><a href="property_maintenance.html">Property Maintenance</a></li>
  158.         <li><a href="tax_preperation.html">Tax Preparation</a></li>
  159.         <li><a href="success_stories.html">Success Stories</a></li>
  160.       </ul>
  161.     </li>
  162.     <li><a href="btrm_careers.html">BTRM Careers</a></li>
  163.     <li><a href="contact_us.html">Contact Us</a></li>
  164.   </ul>
  165.       </div>
  166.     </div>
  167.   </div>
  168. </div>
  169. </div>
  170. <div id="main-container-wrapper" class="clear">
  171.   <div id="main-container">
  172.     <div class="main-right-content">
  173.       <div class="content-form">
  174.         <div class="home-form-title">Contact Us</div>
  175.         <form id="contactUsForm" name="contactUsForm" method="post">
  176.           <div class="eliment">
  177.             <label>First Name</label>
  178.             <br />
  179.             <input class="inputbox required name" name="FirstNameField" type="text" tabindex="1" id="FirstNameField" />
  180.           </div>
  181.           <div class="eliment">
  182.             <label>Last Name</label>
  183.             <br />
  184.             <input class="inputbox required name" name="LastNameField" type="text" tabindex="2" id="LastNameField" />
  185.           </div>
  186.           <div class="eliment">
  187.             <label>Phone Number</label>
  188.             <br />
  189.             <input class="inputbox required number" name="PhoneField" type="text" tabindex="3" id="PhoneField" />
  190.           </div>
  191.           <div class="eliment">
  192.             <label>Email</label>
  193.             <br />
  194.             <input class="inputbox required email" name="EmailField" type="text" tabindex="4" id="EmailField" />
  195.           </div>
  196.           <div class="eliment">
  197.             <input class="submit" type="button" onclick="javascript:ajaxThrow('#contactUsForm','#response');" name="submit" tabindex="5" value="Submit"/>
  198.           </div>
  199.         </form>
  200.       </div>
  201.       <div class="property-owner"><a href="owner_login.html"><img src="images/property_owner.png" /></a>
  202.         <div class="property-owner-title">Property Owners</div>
  203.         <div class="property-owner-content"> Increase your passive<br />
  204.           income and remove the<br />
  205.           pain of owning rentals.<br />
  206.           <br />
  207.           <a href="owner_login.html">Find out how »</a></div>
  208.       </div>
  209.       <div class="facebook-like-box">
  210.         <div class="facebook-like-box-title">Follow us on Facebook:</div>
  211.         <div class="fb-like" data-href="http://www.facebook.com/btrm.admin" data-send="false" data-layout="button_count" data-width="230" data-show-faces="false"></div>
  212.       </div>
  213.      
  214.     </div>
  215.     <div class="main-content">
  216.       <div class="home-spotlight">
  217.         <!--<div class="spotlight-image">--><img src="images/slider.jpg" /><!--</div>-->
  218.         <div class="home-spotlight-content">
  219.           <div class="home-spotlight-title"> Trusted source for Boston apartments </div>
  220.           <p>We have a laser-like focus on rentals for students<br />
  221.             and young professionals. If this is your profile,<br />
  222.             you've found the right resource.</p>
  223.         </div>
  224.       </div>
  225.       <div class="user-bg">
  226.         <div class="search-application"><a href="rentals.html"><img src="images/search_application.png" /></a></div>
  227.         <div class="submit-application"><a href="tenant_application.html"><img src="images/submit_application.png" /></a></div>
  228.         <div class="pay-rent"><a href="tenant_login.html"><img src="images/pay_rent.png" /></a></div>
  229.       </div>
  230.       <div id="pw_webpage_content"> </div>
  231.     </div>
  232.   </div>
  233. </div>
  234. <div id="footer-wrapper" class="clear">
  235.   <div id="footer">
  236.     <div id="pw_website_footer_links_none"> <a href="index.html">Home</a> | <a href="about_us.html">About Us</a> | <a href="rentals.html">Rental Listings</a> | <a href="team.html">Team</a> | <a href="btrm_careers.html">Careers</a> | <a href="tenant_login.html">Tenant Services</a> | <a href="owner_login.html">Owner Services</a> <br />
  237.       <a href="lease_management.html">Lease Management</a> | <a href="property_maintenance.html">Property Maintenance</a> | <a href="tax_preperation.html">Tax Preparation</a> | <a href="success_stories.html">Success Stories</a> | <a href="contact_us.html">Contact Us</a></div>
  238.     <div id="pw_website_footer"></div>
  239.     <div id="footer-pwlogo"><img src="images/footer_logo.png" /></div>
  240.   </div>
  241. </div>
  242. </body>
  243. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!