<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>About Rentlord</title>
  <link href="css/template.css" type="text/css" rel="stylesheet" />
    <link href="css/page_defaults.css" type="text/css" rel="stylesheet" />
    <link type="text/css" href="css/ui.all.css" rel="stylesheet" />
    <link type="text/css" href="css/ui.datepicker.css" rel="stylesheet" />
    <link type="text/css" href="css/ui.dialog.css" rel="stylesheet" />
    <link type="text/css" href="../css/smoothness/jquery-ui-1.7.2.custom.css" rel="stylesheet" />
    <link href="css/page_defaults.css" type="text/css" rel="stylesheet" />

    <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
    <script type="text/javascript" src="js/ui.core.js"></script>
    <script type="text/javascript" src="js/jyoutube.js"></script>
    <script type="text/javascript" src="js/ui.datepicker.js"></script>
    <script type="text/javascript" src="js/ui.dialog.js"></script>
    <script type="text/javascript" src="js/jqueryaddon/jquery.bgiframe.js"></script>
  <script type="text/javascript" src="js/RentLord_JS/index.js"></script>
<script type="text/javascript" src="js/RentLord_JS/signup.js"></script> 
    <script type="text/javascript">
        $(document).ready(function() {
           // $('#location').focus();
           $('#lp-pom-root1').dialog({
            autoOpen: false,
            resizable: false,
            modal: true
            });
//            $(".mid-steps .two").mouseover(function(){
//				$("#subheading1").hide();
//				$("#subheading3").hide();
//				$("#subheading2").fadeIn(200);
//			});
//			$(".mid-steps .one").mouseover(function(){
//				$("#subheading2").hide();
//				$("#subheading3").hide();
//				$("#subheading1").fadeIn(200);
//			});
//			$(".mid-steps .four").mouseover(function(){
//				$("#subheading1").hide();
//				$("#subheading2").hide();
//				$("#subheading3").fadeIn(200);
//			});
			 $('#location').focus(function() {
			 $(this).addClass('focused');
			 $('#smalloc').css('display','none');
			 $(this).css('margin-bottom' , '20px');
             $('#budget').fadeIn();
             $('#perm').fadeIn();
             $('#smll').css('display','block');
             });
             $('#budget').focus(function() {
			 $(this).addClass('focused');
             });
             
             $('#findnetwork').click(function() {
			 $(this).hide();
			 $('#email').hide();
			 $('#findnetworkdiv').show();
             });
             
             $('#jointhisnetwork').click(function() {
               $('#lp-pom-root1').dialog('open');
             });
             
             });
             
            
             

        function clear_default_text(id, txt) 
        {
            if($('#' + id).val()== txt)
                $('#' + id).val('');
                
        }

        function add_default_text(id, txt) 
        {
            if($('#' + id).val().trim()=='')
                $('#' + id).val(txt);
                
        }
       
        function gotosearchresultpage() {
            if ($('#location').val().trim() == '' || $('#location').val().trim() =='Location') {
                alert("Enter location and budget");
                $('#location').focus();
                return false;
            }
            else if ($('#budget').val().trim() == '' || $('#budget').val().trim()=='&pound;') {
                alert("Enter location and budget");
                $('#budget').focus();
                return false;
            }
            else {
                window.location.href = "/listing.aspx?location=" + $('#location').val() + "&budget=" + $('#budget').val();
            }
        }
    </script>    
  
    <style type="text/css">
        #messageDiv{ text-align:center; }
         .ui-state-default, .ui-widget-content .ui-state-default
        {
            text-align: center;
            padding: 3px !important;
        }
    .ui-dialog-titlebar
        {
            display: none;
        }
        .ui-dialog
        {
            width: 400px !important;
            height: 700px;
        }
		.messe{ width:450px!important; }
        #lp-pom-root
        {
            height: auto !important;
        }
        .ui-widget-overlay
        {
            background: #000;
            opacity: 0.3;
        }
    body {color: #9D9D9C;font: 14px/17px 'helvetica','arial','sans serif'; }
    #main-body #home-head #sign-in{ width:295px;line-height:50px;margin-top:50px;}
    #main-body #home-head img{ margin-right:16px;margin-top:30px;}
    #home-head span{ font:normal 8px/72px Arial;color:#777; }
    #main-body #home-head #sign-in a{ line-height:22px;padding-left:15px;color:#0081ff;text-decoration:none; }
	#main-body #home-head #sign-in a.btn-facebook{ color:#fff; }
    #main-body #home-head{ background-image:none;height:83px; }
    .mid-find{ min-height:275px; }
    .mid-steps{  background: url(../images/ArrowBar.png) no-repeat center top; }
	.mid-steps .contains{padding:58px 10px 30px 40px;}
    .mid-steps .one{ float:left;width:321px;padding-left:10px;cursor:pointer; }
    .mid-steps .two{ float:left;width:323px;padding-left:10px;cursor:pointer; }
    .mid-steps .three{ float:left;width:302px;padding-left:10px;cursor:pointer; }
    .mid-steps .two h2{ background-position:0 -30px; }
    .mid-steps .three h2{ background-position:0 -60px; }
    .mid-steps .four h2{ background-position:0 -90px; }
    #perm{ display:none;color:#575756;font:bold 18px/40px Arial; }
	
    .mid-steps h2{ color:#585857;margin-bottom:10px;background: url(../images/home-nums.gif) no-repeat 0 0;height:30px;padding-left:42px;font:bold 28px/30px Arial; }
	.mid-steps .one:hover h2{ background: url(../images/home-nums1.gif) no-repeat 0px 0; color:#000; }
	.mid-steps .two:hover h2{ background: url(../images/home-nums1.gif) no-repeat 0px -30px;color:#000; }
	.mid-steps .three:hover h2{ background: url(../images/home-nums1.gif) no-repeat 0px -60px;color:#000; }
	.mid-steps .one:hover p, .mid-steps .two:hover p, .mid-steps .three:hover p{ color:#000; }
    .mid-steps p{color:#585857;font:normal 17px/18px Arial;width:80%;padding-left:44px;}
    #main-body .mid-find h1{ background: url(../images/home-heading.png) no-repeat #fff 0 0;display:block!important;font:normal 33px/38px Sans-serif, Arial;text-align:left;padding:0;text-shadow: 1px 1px 1px #BBBBBB;margin:0 0 20px;height:68px;text-indent:-999999em; }
	#main-body .mid-find h1.sec{ background: url(../images/home-heading2.gif) no-repeat #fff 0 0;display:block!important;font:normal 33px/38px Sans-serif, Arial;text-align:left;padding:0;text-shadow: 1px 1px 1px #BBBBBB;margin:0 0 20px;height:79px;text-indent:-999999em; }
	#main-body .mid-find h1.fou{ background: url(../images/home-heading3.gif) no-repeat #fff 0 0;display:block!important;font:normal 33px/38px Sans-serif, Arial;text-align:left;padding:0;text-shadow: 1px 1px 1px #BBBBBB;margin:0 0 20px;height:79px;text-indent:-999999em; }
    #main-body .mid-find p{ padding-bottom:10px;color:#706f6f;line-height:20px; }
     #main-body .mid-find p a{ text-decoration:none;color:#009EE3; }
    .mid-find .left{ margin:75px 0 0 50px;float:left;width:530px; }
    .mid-find .left span{ display:block;clear:both;padding-top:5px;font-size:13px;color:#777; }
    .mid-find .right{ margin:0;float:right;width:418px; }
    .mid-find .right img{ margin:25px 0 20px 80px; display:block; }
	.mid-find .right img.bigg{ margin:17px 0 0 -70px; display:block; }
    .mid-find .text{ color:#b2b2b2;border:solid 1px #a5a5a5;background-color: #F6F6F6;float:left;width: 258px;font-size:24px;line-height:24px;height: 24px;margin-right:15px;padding: 10px;}
    .mid-find .text:focus, .mid-find .text.focused{ color:#3c3c3b;background-color:#fff; }
    .mid-find .smll{ width:120px;text-align:center;display:none;}#smll{ display:none; }
    .mid-find .find{ float:left;text-decoration:none;display:block;color:#fff;font:normal 36px/46px Arial;text-align: center; background: #1D71B8;width: 120px;height: 46px;}
    .mid-find .find:hover{ background-color:#23a4e5; }
    .features{ border-bottom:solid 4px #c5c5c5;padding:14px 0 13px;width:99%;margin:0 auto; }
    .new-footer{ overflow:hidden;padding:20px 0; background: url(../images/GradientBottomBorder.png) no-repeat #fff center top;}
	.new-header{ overflow:hidden;padding:40px 0 5px; background: url(../images/GradientBottomBorder.png) no-repeat #fff center bottom;}
 #main-body .new-header h1{ font:bold 50px Arial, Helvetica, sans-serif;color:#000;display:block!important;text-align:center;text-shadow:0 0 5px #aaa;}
	.new-footer .dlef div{ font-size:13px;color:#70706f;line-height:32px;margin-left: 26px;padding-left: 5px;border-top:solid 1px #F5F5F5;clear:both; }
	.new-footer .dlef{ width:550px;float:left; }
	.new-footer .dlef li{ float:left;margin-left:20px;margin-bottom:3px; }
	.new-footer .dlef a{ font-size:13px;color:#70706f;line-height:28px;padding:4px 10px;text-decoration:none;}
	.new-footer .dlef a:hover{ background-color:#2BA9DF;color:#fff;}
	.new-footer .drig{ text-align:right;float:right; }
    #divHomelodin{ display:none;position:absolute;z-index:999;top:27px;right:1px;width:250px;background-color:#fff;padding:5px 20px;border:solid 3px #c5c5c5;background-color: #FDFDFD; }
    #main-body #home-head #sign-in label{ font:bold 13px Arial;color:#333; }
    #divHomelodin input[type="text"], #divHomelodin input[type="password"]{ font:bold 14px Arial;color:#989898;margin:10px 0;width: 210px !important;background-color: #F6F6F6;border:solid 1px #a5a5a5; }
    #divHomelodin #signin_submit{cursor: pointer;float:right;text-decoration:none;display:block;color:#fff!important;font:normal 15px Arial;background: #1D71B8;width:90px;height:25px;padding:0 0 3px;border:none!important;}
    #main-body .contains{ width:1000px;margin:0 auto; }
    .fb-connect {background: url(../images/facebook-connect.gif);width:150px;height:25px;display:block;float:right}
    .btn-auth {
    position: relative;
    display: inline-block;
    height: 22px;
    padding: 0 1em;
    border: 1px solid #999;
    border-radius: 2px;
    margin: 0;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    line-height: 22px;
    white-space: nowrap;
    cursor: pointer;
    color: #222;
    background: #fff;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    /* iOS */
    -webkit-appearance: none; /* 1 */
    /* IE6/7 hacks */
    *overflow: visible; /* 2 */
    *display: inline; /* 3 */
    *zoom: 1; /* 3 */
}

.btn-auth:hover,
.btn-auth:focus,
.btn-auth:active {
    text-decoration: none;
}

.btn-auth:before {
    content: "";
    float: left;
    width: 22px;
    height: 22px;
    background: url(../images/auth-icons.png) no-repeat 99px 99px;
}

/*
* 36px
*/

.btn-auth.large {
    height: 36px;
    line-height: 36px;
    font-size: 20px;
}

.btn-auth.large:before {
    width: 36px;
    height: 36px;
}

/*
* Remove excess padding and border in FF3+
*/

.btn-auth::-moz-focus-inner {
    border: 0;
    padding: 0;
}


/* Facebook (extends .btn-auth)
========================================================================== */

.btn-facebook {
    border-color: #29447e;
    border-bottom-color: #1a356e;
    color: #fff;
    background-color: #5872a7;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#637bad), to(#5872a7));
    background-image: -webkit-linear-gradient(#637bad, #5872a7);
    background-image: -moz-linear-gradient(#637bad, #5872a7);
    background-image: -ms-linear-gradient(#637bad, #5872a7);
    background-image: -o-linear-gradient(#637bad, #5872a7);
    background-image: linear-gradient(#637bad, #5872a7);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: inset 0 1px 0 #879ac0;
    box-shadow: inset 0 1px 0 #879ac0;opacity:0.55;
}

.btn-facebook:hover,
.btn-facebook:focus {
    background-color: #3b5998;opacity:1;
}

.btn-facebook:active {
    background: #4f6aa3;
    -webkit-box-shadow: inset 0 1px 0 #45619d;
    box-shadow: inset 0 1px 0 #45619d;
}

/*
* Icon
*/

.btn-facebook:before {
    border-right: 1px solid #465f94;
    margin: 0 1em 0 -1em;
    background-position: 0 0;
}

.btn-facebook.large:before {
    background-position: 0 -22px;
}

#main-body #home-head #sign-in a#btnsignin{ border:solid 1px #DBDBDC;font:normal 13px/22px Arial;color:#D3D3D3;padding:0 12px;display:block;float:left;margin-right:10px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
#main-body #home-head #sign-in a#btnsignin:hover{ border-color:#333;color:#333; }
#home-head input[type="text"].text{ border:solid 1px #B3B2B2;width:130px;height:18px;font:normal 13px/18px Arial;color:#b3b3b2;text-align:center; margin-top:50px;}
#home-head input[type="text"].smll{ width:70px;border:solid 1px #B3B2B2;height:18px;font:normal 13px/18px Arial;color:#b3b3b2;text-align:center; margin-top:50px;}
#home-head .find{ width:60px;height:22px;display:inline-block;color:#fff;background-color:#888887;line-height:21px;text-decoration:none;text-align:center;margin-top:50px;font-size:11px;vertical-align: top; }
#home-head .find:hover{background-color:#9d9d9c;}
#btnsignin.sgn{ padding: 6px 12px !important;border-color:#333!important;color:#333; }
#colorimag{ position:relative;height:435px;width:950px;}
#colorimag img{ margin-left:6px;box-shadow: 3px 3px 5px #AAAAAA;position:absolute;top:0;left:0; }
#colorimag .shareo{ width:220px;height:74px;background:url(../images/StartRentsOnline.png) repeat 0 0;position:relative;z-index:1;top:65px;left:404px;padding-top:127px;padding-left:330px; }
#colorimag .shareo a{background:url(../images/signupnow.png) no-repeat 0 0;width:170px;display:block;font-size:0;text-indent:-999999em;height:48px;}
#colorimag .shareo a:hover{ background-position:left bottom;}
.mid-para h2{ font:bold 20px/35px Arial, Helvetica, sans-serif; color:#3c3c3b;margin-top:45px;}
.mid-para p{ font:normal 17px/25px Arial, Helvetica, sans-serif; color:#585857;}

.mid-para .mid-left-para{ width:65%;float:left;border-right:solid 1px #BFBFBE;padding:0 40px 0 5px;margin:25px 15px 20px 15px; }

.mid-para .mid-left-para h2, .mid-para .mid-right-para h2{ margin:0; }

.mid-para .mid-left-para p{ font:normal 16px/20px Arial, Helvetica, sans-serif; padding:0px 0 20px 0; }
.mid-para .mid-left-para p img{ float:left; margin: 20px 20px 20px 0; }
.mid-para .mid-left-para p .linkedin img{ float:none;margin:10px 0;display:block;width:21px; }

.mid-para .mid-right-para{ width:20%; float:right; margin-top:25px; margin-right: 40px; }
.mid-para .mid-right-para p{ font:normal 15px/21px Arial, Helvetica, sans-serif; padding-top:10px; }
</style>
</head>
</head>

<body>

<div id="main-body">
   <div id="home-head">
            			
			<div class="contains">
                <img src="images/RentlordLogo.gif" width="" height="42" alt="Rentlord Logo" />
            <input type="text" class="text" onfocus="return clear_default_text(this.id,'Location');" onblur="return add_default_text(this.id,'Location');" value="" name="location" id="location" />
			<input type="text" class="text smll" onfocus="return clear_default_text(this.id,'&pound;');" onblur="return add_default_text(this.id,'&pound;');" value="&pound;" name="budget" id="budget" />
			<a id="hrefFind" class="find" onclick="gotosearchresultpage();" href="javascript:void(0);">Search</a>
                   <div style="position:relative;" id="sign-in"> 
				
                     <a href="javascript:void(0);" id="btnsignin">Sign in</a>                
                    <div id="divHomelodin">
                    <label>Username</label><input type="text" style="width:70px;" id="txtusn" name="txtusn">
                    <label>Password</label><input type="password" style="width:70px;" id="txtpss" name="txtpss">
                    <a onclick="GetPassword()" style="float:left;text-decoration:none;color:#1D71B8;font:normal 13px/22px Arial;display:block;padding:0;" id="fpass" href="#">Forgot password</a>
                    <input type="button" onclick="javascript:Getlogin();" value="Sign In" id="signin_submit">
                    </div>
					<a class="btn-auth btn-facebook" onclick="fbLogin()" href="#button">Sign in with <b>Facebook</b></a>
                   </div>
                 
                
            </div>
        </div>
           
        
         
		
			<div class="contains" style="margin-top:30px">
			<img src="images/Mission.gif" alt="Rentlord Mission" />
		</div>
        
        
        
        <div class="contains mid-para">
		<div class="mid-left-para">
        <h2>Colin Tan, CEO</h2>
		<p>Colin manages product and customer development at Rentlord. He holds an NFoPP Level 3 certificate in residential lettings and management. Before Rentlord, Colin was a Cambridge Commonwealth Scholar specializing in the intersection between technology and culture. 
		<a href="http://uk.linkedin.com/in/rentlord" class="linkedin"><img src="images/LinkedInSmall.jpeg" width="20" height="20" alt="Rentlord Mission" /></a>
		</p>
		
		
		        <h2>Kok Hong Cheong, CTO</h2>
		<p>Kok Hong is an electrical engineer and lectured in computer science at Republic Polytechnic in Singapore. He has worked previously at a mobile tech startup focused on education.
		<a href="http://uk.linkedin.com/pub/kok-hong-cheong/39/70a/b34" class="linkedin"><img src="images/LinkedInSmall.jpeg" width="20" height="20" alt="Rentlord Mission" /></a>
		</p>
		
		        <h2>Sarah Lau, Head Legal</h2>
		<p>A barrister with 11 years courtroom experience, Sarah helps Rentlord streamline the complex process of property rentings. She has a Masters in International Commercial Law and practices in both crime and civil litigation.
		<a href="http://uk.linkedin.com/in/wslau" class="linkedin"><img src="images/LinkedInSmall.jpeg" width="20" height="20" alt="Rentlord Mission" /></a>
		</p>
		
		        <h2>Partner: Legal Services</h2>
		<p><a href="http://www.jmw.co.uk/"><img src="images/JMW.png" width="117" height="" alt="Rentlord Mission" /></a>JMW offers an entirely new approach to the provision of legal services, emphasizing quality and efficiency. Its client base includes some of the UK’s most successful companies. JMW currently has 27 partners and over 150 staff working at its offices at Mediacity and Spinningfields, Manchester.</p>
		<br />
		
		</div>
		
		<div class="mid-right-para">
		<h2>Investors</h2>
		<a href="http://500.co/"><img src="images/500Startups_70px.png" width="" height="" alt="500Startup" /></a>
		<p>500 Startups is the Silicon Valley-based mentoring and tech accelerator founded by Super Angel Investor Dave McClure.</p>
		<p>&nbsp;</p>
		<a href="http://www.seedcamp.co.uk/"><img src="images/Seedcamp_70px.jpeg" width="" height="" alt="Seedcamp" /></a>
		<p>Seedcamp is Europe’s leading early stage mentoring and investment program with its headquarters in London.</p>
		</div>
		
		<br clear="all" />
        </div>
        
        
        
		
        <div class="contains new-footer">
        <div class="dlef">
		<ul>
		<li><a href="#">The Rentlord Team and Mission</a></li>
		<li><a href="#">How It Work</a></li>
		<li><a href="#">Frequently Asked Question</a></li>
		</ul>
		<div>Rentlord &copy; 2012 <a href="PrivacyStatement.html">Privacy</a> <a href="Termsofuse.html">Terms of Use</a></div>
		</div>
		<div class="drig"><img alt="" src="images/FeaturedIn.png" style="margin-top:-10px;"></div>
        </div>
		
        </div>
		 <div id="fb-root"></div>
 <script src="//connect.facebook.net/en_US/all.js"></script>
 <script>
     FB.init({
     appId: '221596061226329',
     status: true, // check login status
     cookie: true, // enable cookies to allow the server to access the session
     xfbml: true, // parse XFBML
     channelUrl: 'http://localhost:51044/channel.html', // Custom channel URL
     oauth: true // enables OAuth 2.0
     });
  //   FB.Event.subscribe('auth.statusChange', function(response) {
  //      if (response.status == 'connected') {
        // login straight away
    //        login1(response.authResponse.accessToken, response.authResponse.userID);
     //    }
    // });    
   //  FB.Event.subscribe('auth.login', function() {
    //    alert('great');
       //  window.location = "http://www.rentlord.com/Whiteboard.aspx";
 //   });
    function fbLogin() {
        FB.login(function(response) {
            if (response.authResponse) {
                //     console.log('Welcome!  Fetching your information.... ');
                login1(response.authResponse.accessToken, response.authResponse.userID);
                FB.api('/me', function(response) {
                    console.log('Good to see you, ' + response.name + '.');
                  //  FB.logout(function(response) {
                  //      console.log('Logged out.');
                  //  });
                });
            } else {
                console.log('User cancelled login or did not fully authorize.');
            }
        }, { scope: 'email,user_about_me,user_birthday,user_education_history,user_hometown,publish_stream,friends_about_me'});
    }

   // FB.Event.subscribe('auth.authResponseChange', function(response) {
   //     alert('The status of the session is: ' + response.status);
    //});
    </script>
</body>
</html>