|
|
@@ -47,12 +47,16 @@
|
|
|
}
|
|
|
.contact-dtl .item-icon{
|
|
|
margin-right: 10px;
|
|
|
+ font-weight: bold;
|
|
|
+ font-size:14px;
|
|
|
}
|
|
|
|
|
|
.contact-dtl .dtl-item{
|
|
|
font-weight: bold;
|
|
|
color:#444;
|
|
|
+ margin-bottom: 5px;
|
|
|
}
|
|
|
+
|
|
|
</style>
|
|
|
</head>
|
|
|
<body>
|
|
|
@@ -69,27 +73,19 @@
|
|
|
<div class="container-fluid" style="padding:0;">
|
|
|
|
|
|
<div class="row" style="margin:0px;">
|
|
|
- <div class="col-md-5" style="padding: 0px;">
|
|
|
+ <!-- <div class="col-md-5" style="padding: 0px;">
|
|
|
<img src="../../assets/img/wedloveto.png" style="width:100%;height:calc(100vh - 85px)">
|
|
|
- </div>
|
|
|
- <div class="col-md-7" style="padding: 0px 60px;box-sizing: border-box;">
|
|
|
+ </div> -->
|
|
|
+ <div class="col-md-6 col-md-offset-3" style="padding: 0px 60px;box-sizing: border-box;">
|
|
|
<img src="../../assets/img/contact_icon.png" style="margin-top:80px;">
|
|
|
<p style="font-size: 18px; margin:30px 0px 20px 0px;">Helen studio CHINA | interior</p>
|
|
|
<p style="margin:20px 0px;font-size: 16px;color:#999;">
|
|
|
It is a long established fact that a readerwill be distracted by the readable content of a page when looking at its layout.There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.
|
|
|
</p>
|
|
|
+ <p style="font-size:16px;font-weight: bold;margin:25px 0px;">Interior design/Lighting(室内设计/照明)</p>
|
|
|
<div class="contact-dtl">
|
|
|
- <p style="font-size:16px;font-weight: bold;">Interior design/Lighting(室内设计/照明)</p>
|
|
|
- <p class="dtl-item"><img src="../../assets/img/us.png" class="item-icon"><span>Mir Wang, Manager</span></p>
|
|
|
- <div>
|
|
|
- <p class="dtl-item" style="float:left;"><img src="../../assets/img/tel.png" class="item-icon"><span>188 2088 8888</span></p>
|
|
|
- <p class="dtl-item" style="margin-left:400px;"><img src="../../assets/img/tel.png" class="item-icon"><span>166 1234 4567</span></p>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <p class="dtl-item" style="float:left;"><img src="../../assets/img/msg.png" class="item-icon"><span>wang123@gmail.com</span></p>
|
|
|
- <p class="dtl-item" style="margin-left:400px;"><img src="../../assets/img/msg.png" class="item-icon"><span>zhang123@gmail.com</span></p>
|
|
|
- </div>
|
|
|
- <p class="dtl-item"><img src="../../assets/img/us.png" class="item-icon"><span><span class="i18n-text" i18n="landingpage_Number of employees"></span> 3211</span></p>
|
|
|
+
|
|
|
+
|
|
|
</div>
|
|
|
|
|
|
<button type="button" class="btn btn-default" style="height: 42px;background-color: #000000;color: #fff;padding:0px 30px;margin:20px;float:right;">
|
|
|
@@ -100,5 +96,21 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<script src="../../js/bootstrap.min.js"></script>
|
|
|
+ <script src="../../assets/plugin/template-web.js"></script>
|
|
|
+ <script src="../../assets/js/company_contact.js"></script>
|
|
|
+ <script id="list-contacts" type="text/html">
|
|
|
+ {{each contacts contact index}}
|
|
|
+ <p class="dtl-item"><span class="glyphicon glyphicon-user item-icon" aria-hidden="true"> {{contact.name}}</span></p>
|
|
|
+ <div>
|
|
|
+ <p class="dtl-item" style="float:left;"><span class="glyphicon glyphicon-education item-icon"> {{contact.title}}</span></p>
|
|
|
+ <p class="dtl-item" style="margin-left:300px;"><span class="glyphicon glyphicon-globe item-icon"> {{contact.region}}</span></p>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <p class="dtl-item" style="float:left;"><span class="glyphicon glyphicon-earphone item-icon"> {{contact.phone}}</span></p>
|
|
|
+ <p class="dtl-item" style="margin-left:300px;"><span class="glyphicon glyphicon-envelope item-icon"> {{contact.email}}</span></p>
|
|
|
+ </div>
|
|
|
+ <p></p>
|
|
|
+ {{ /each }}
|
|
|
+ </script>
|
|
|
</body>
|
|
|
</html>
|
chenwen