CONTACT US

直接使用代码

图片素材

点击下载本素材所包含的图片，js文件

css代码

 <style>
/* 首页-联系我们 */
#index-contact { margin-bottom:50px;}
#index-contact .tu2 { margin-top:220px;}
#index-contact .our1{ margin-top:30px; text-align:center; background-color:#f7f7f7; padding-top:50px; height:520px;} 
#index-contact .our1 h1{  font-size:60px; margin-top:60px;}
#index-contact .our1 p {letter-spacing:2px; font-size:20px; }
#index-contact .our2 { position:relative;}
#index-contact .our2 .con {position:absolute; width:440px;top:315px; left:500px;  background-color:#FFF; height:255px; padding-left:50px; padding-top:30px;}
#index-contact .our2 .con p { border-bottom:#f8dc20 solid 3px; padding-bottom:10px; margin-right:60px; font-size:18px;  }
#index-contact .our2 .con ul { list-style-type:circle; margin-left:30px; }
#index-contact .our2 .con ul li { float:none; font-size:12px; margin-top:15px;}

</style>

HTML+JS代码

 
<section id="index-contact" class=" bg-ef pad-y50">
	<div class="container hidden-xs">
		<div class="our2">
			<div class="col-md-6 pm">
				<div class="tu2"><img src="http://www.bootfastui.cn/img/2021/0509-2/t-10.png" width="100%"></div>
			</div>
			<div class="col-md-6 pm">
				<div class="our1">
					<h1>CONTACT US</h1>
					<p>/ 联 / 系 / 我 / 们 /</p>
				</div>
			</div>
			<div class="con " style="top:275px;left:500px;">
				<div>
					<p><img src="http://www.bootfastui.cn/img/2021/0509-2/our.png"> 夏庄造纸机械基地</p>
					<ul>
						<li>联系座机：0371-67584298</li>
						<!-- <li>联系电话：13283863358</li> -->
						<li>企业邮箱：leehll@live.com</li>
						<li>公司地址：河南省沁阳市夏庄工业园区</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
</section>