zkx
/
lanhu-bootstrap


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149
							<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="../../js/jquery-1.9.1.min.js"></script>
		<script src="../../js/jquery.i18n.properties.js"></script>
		<script src="../../assets/js/language.js"></script>
		<link rel="stylesheet" type="text/css" href="../../css/bootstrap.min.css" rel="stylesheet">
		<style type="text/css">
			body{
				font-family: Avenir-Black;		
			}
			.top{
				padding:10px 50px 20px 50px;
				margin-bottom: 10px;
				display: flex;
				flex-flow: row nowrap;
				justify-content: space-between;
				align-items: center;
				height: 80px;
				box-sizing: border-box;	   
			}
			
			.top-item{
				padding:0px 20px;
				line-height: 70px;
				font-weight: bold;
				cursor: pointer;	
					   	display: flex;
			}
			.nav-link span,.nav-link img,.tool-icon img{
				margin-right:15px;
			}
			.nav-link img{
				height:10px;
			}
			.project-note{
				padding:30px 100px;
			}
			.contact-box{
				padding:20px;
				display: flex;
				flex-flow:row nowrap;
				justify-content: flex-start;
				align-items: flex-start;
				background-color: #eff1f4;
				border-radius: 10px;
			}
			.contact-box a{
				cursor: pointer;
			}
			.thumbnail{
				border:0;
			}
			#project-photo-row{
				-webkit-column-width:242px; /*Safari and Chrome*/
				-moz-column-width:242px; /*Firefox*/
				-o-column-width:242px; /*Opera*/
				-ms-column-width:242px; /*IE*/
				column-width:242px;
			}
			#project-photo-row>div{
			    width:242px; /*宽度根据实际情况调节，应与上面一致*/
			    overflow:auto; /*防止内容溢出导致布局错位*/
			}
		</style>
	</head>
	<body>
		<div class="container-fluid">
			
			<div class="photo-show">
				<div class="row">
					<div class="col-md-10 col-md-offset-1" style="text-align: center;">
						<img src="../../assets/img/landingpage/bigtest.jpeg" 
						style=" border-radius: 5px; max-height: 800px;min-height: 500px;">
					</div>
				</div>
			</div>
			
			<div class="row">
				<div class="col-md-10 col-md-offset-1 project-note" >
					<div><h2 style="display: inline-block;margin-right: 20px;margin-bottom: 0px;">Title for the project</h2><img src="../../assets/img/unlike_heart.png" style="width:30px;height:30px;margin-bottom: 10px;" class="like-icon"></div>
					<p style="margin:20px 0px;font-size: 16px;color:#999;">
						It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. 
						The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English.
					</p>
					<p style="margin:30px 0px;font-size: 18px;">
						<img src="../../assets/img/locate_black.png" style="margin-right: 20px;vertical-align: ceneter;"><span><span class="i18n-text" i18n="landingpage_Project location" ></span>：Shanghai, Jingan district, Beijing west Road 888</span>
					</p>
					
					<p>
						<span class="i18n-text" i18n="landingpage_Project affilcates"></span>：<span><a target="_blank" href="../company/company_main.html?1=1">company ABC</a></span>

					</p>
				
					<div class="contact-box">
						<img src="../../assets/img/contact_icon.png">
						<div style="margin:0px 30px;">
							<p style="font-size: 34px;"><a target="_blank" href="../company/company_main.html?1=1">Helen studio CHINA | interior</a></p>
						</div>
						<div style="flex:1;"></div>
						<button type="button" class="btn btn-default contact-btn i18n-text" i18n="landingpage_Contact us" style="height: 42px;background-color: #000000;color: #fff;padding:0px 20px;">Contact us</button>
					</div>
				
				</div>
				
				
			</div>
			<div style="padding-left:20px;font-size:20px;margin:50px 0px 25px 0px;" class= "i18n-text" i18n="landingpage_Related projects" >Related projects</div>
			<div class="project-box">
				<div class="row">
				    <div class="col-md-12" id="project-photo-row">
				    <!--图片开始-->
						
						
						
						
						
						
				    </div><!--图片结束-->
				</div>
			</div>
			
			
		</div>
		<script src="../../js/bootstrap.min.js"></script>
		<script src="../../assets/js/page.js"></script>
		<script src="../../assets/plugin/template-web.js"></script>
		<script src="../../assets/js/landingpage_details.js"></script>
		<script id="flow-photos" type="text/html">
			{{each  photos  photo index}}
				<div class="col-md-2">
				    <div class="thumbnail">
				        <a href="javascript:void(0);">
							<img src="{{photo.url}}" class="img-responsive img-rounded">
				        </a>
				        <div class="caption">
				            
				            <p>
				                <small>{{photo.note}}</small>
				            </p>
				        </div> 
				    </div>
				</div>
			{{ /each }}
		</script>
	</body>
</html>