留言板

Ainaphp/Tpl/Home/Default/Home_footer.html

@@ -79,7 +79,7 @@
 	<script src="lib/idangerous.swiper2.7.6.min.js" type="text/javascript" charset="utf-8"></script>
 	<script src="js/main.js" type="text/javascript" charset="utf-8"></script>
 	
-	<script>
+	<!-- <script>
 	var _hmt = _hmt || [];
 	(function() {
 	  var hm = document.createElement("script");
@@ -96,6 +96,6 @@
 	  var s = document.getElementsByTagName("script")[0]; 
 	  s.parentNode.insertBefore(hm, s);
 	})();
-	</script>
+	</script> -->
 
 </html>

Ainaphp/Tpl/Home/Default/Page_contact.html

@@ -4,10 +4,28 @@
 				<img src="img/contact_banner.jpg" class="bgimg"/>
 			</div>
 			<div class="page_banner_mask">
-				<div class="p1 animateTop">沒有了诚信与信任，再合作就是多余</div>
+				<div class="p0 animateTop">沒有了诚信与信任，再合作就是多余</div>
 				<div class="p2 animateTop">每一个梦想我们都会鼎力相助</div>
+				
+				<div class="form animateTop">
+					<div class="input">
+						<input type="text" placeholder="姓名">
+					</div>
+					<div class="input">
+						<input type="text" placeholder="电话">
+					</div>
+					<div class="input">
+						<input type="text" placeholder="邮箱">
+					</div>
+					<div class="input">
+						<input type="text" placeholder="地址">
+					</div>
+					<div class="input">
+						<textarea name="" placeholder="留言内容"></textarea>
+					</div>
+				</div>
+				
 				<div class="btn animateTop"><a>联系我们</a></div>
-				<div class="text animateTop">We can help you make your dreams come true</div>
 			</div>
 		</div>
 		<!--banner 结束-->

css/styles.css

@@ -60,7 +60,7 @@ a:active{blr:expression(this.onFocus=this.blur());}
 .ellipsis-3{display: -webkit-box; overflow: hidden; white-space: normal !important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
 
 .header_w {position: fixed; top: 0; left: 0; z-index: 999; border-bottom: 1px solid rgba(255,255,255,0.05);}
-.header .logo {padding: 25px 0;}
+.header .logo {padding: 34px 0;}
 .header .slogan {padding-left: 15px; line-height: 100px;}
 .header .slogan span {font-size: 14px; line-height: 14px; color: #fff; padding-left: 15px; border-left: 1px solid #fff;}
 .header .nav li {float: left; line-height: 100px; padding: 0 24px;}
@@ -97,12 +97,17 @@ a:active{blr:expression(this.onFocus=this.blur());}
 .page_banner_w {width: 100%; height: 720px; overflow: hidden; position: relative;}
 .page_banner {width: 300%; margin-left: -100%; text-align: center;}
 .page_banner_mask {position: absolute; top: 0; left: 0; width: 100%; height: 720px; text-align: center;}
+.page_banner_mask .p0 {padding-top: 130px; font-size: 48px; color: #fff; line-height: 80px;}
 .page_banner_mask .p1 {padding-top: 222px; font-size: 48px; color: #fff; line-height: 80px;}
 .page_banner_mask .p2 {font-size: 18px; color: #fff; line-height: 54px;}
 .page_banner_mask .btn {padding-top: 20px;}
-.page_banner_mask .btn a {display: inline-block; width: 200px; height: 46px; line-height: 46px; font-size: 18px; color: #333; border: 1px solid #fff; border-radius: 5px; background: #fff;}
+.page_banner_mask .btn a {display: inline-block; width: 200px; height: 46px; line-height: 46px; font-size: 18px; color: #333; border: 1px solid #fff; border-radius: 5px; background: #fff; cursor: pointer;}
 .page_banner_mask .btn a:hover {color: #fff; background: none;}
 .page_banner_mask .text {font-size: 14px; color: #fff; line-height: 20px; letter-spacing: 2px; padding-top: 165px; font-family: arial;}
+.page_banner_mask .form {width: 500px; display: inline-block;}
+.page_banner_mask .form .input {margin-top: 10px;}
+.page_banner_mask .form input {width: 100%; height: 36px; border: 1px solid #fff; border-radius: 5px; padding: 0 10px;}
+.page_banner_mask .form textarea {width: 100%; height: 100px; border: 1px solid #fff; border-radius: 5px; padding: 4px 10px;}
 
 .in_service {height: 666px;}
 .in_service_left {width: 49.5%; height: 666px; transition: all 0.4s;}