HTML静态网页成品作业(HTML+CSS)——企业装饰公司介绍网页(4个页面)

🎉不定期分享源码，关注不丢失哦

文章目录

• 一、作品介绍
• 二、作品演示
• 三、代码目录
• 四、网站代码
• • HTML部分代码
• 五、源码获取

---

一、作品介绍

🏷️本套采用HTML+CSS，未使用Javacsript代码，共有4个页面。

二、作品演示

三、代码目录

四、网站代码

HTML部分代码

<!DOCTYPE html>
<html lang="zh">
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="./css/style.css">
	</head>

	<body>
		<div class="header">
			<div class="head clearfix">
				<div class="logo"><a href="index.html">
				装饰公司
				</a></div>
				<div class="head_r">
					<div class="head_ra">
						<div class="tel">
							<span>咨询热线：</span>
							<b>010-6666666</b>
						</div>
						<div class="search">
							<input name="" type="text" placeholder="请输入关键词">
							<input name="" type="submit" value="">
						</div>
					</div>
					<ul class="nav clearfix">
						<li class="now"><a href="index.html">首页</a></li>
						<li><a href="about.html">关于我们</a></li>
						<li><a href="case.html">工程案例</a></li>
						<li><a href="contact.html">联系我们</a></li>
					</ul>
				</div>
			</div>
		</div>
		<div id="banner" class="banner">
			<img src="./images/banner.jpg" alt="">
		</div>
		<div class="i_name">
			<a href="">
				<div class="en">ABOUT US</div>
				<span>关于我们</span>
			</a>
		</div>
		<dl class="i_ma clearfix">
			<dt>
				<img src="./images/ab.jpg" alt="">
			</dt>
			<dd>
				<p>装饰工程有限公司，是一家拥有建筑装饰装修工程设计及施工二级资质的现代企业，公司秉承以"客户满意" 为中心的经营理念，致力于打造健康宜居的生活、办公环境。</p>
				<p>
					拥有专业 的装饰设计施工团队，并引进先进的管理制度和文化理念，培养了大批经
					验丰富的项目经理为众多星级酒店、豪华写字楼、高档会所及别墅等提供了优质、专业的一体化
					服务，并赢得社会的一致好评。公司秉承"以人为本"用人理念，重在培养业务，设计，施工和品管一体化的核心团队。目
					前有100多名员工，其中硕士及高工职称6人，大学学历及国家建造师，项目经理45人，并拥有
					管理了数十年的核心施工团队。</p>
			</dd>
		</dl>
		<div class="hui_bg">
			<div class="i_name">
				<a href="">
					<div class="en">CASES</div>
					<span>工程案例</span>
				</a>
			</div>
			<div class="i_mb clearfix">
				<img src="./images/pic1.jpg" alt="">
				<img src="./images/pic2.jpg" alt="">
				<img src="./images/pic3.jpeg" alt="">
				<img src="./images/pic6.jpeg" alt="">
			</div>
		</div>
		<div class="footer">
			<div class="f_nav">
				<a href="index.html">首页</a>
				<span>|</span>
				<a href="about.html">关于我们</a>
				<span>|</span>
				<a href="case.html">工程案例</a>
				<span>|</span>
				<a href="contact.html">联系我们</a>
			</div>
			<div class="bq_bg">
				<div class="bq">Copyright © 2023 装饰工公司 版权所有</div>
			</div>
		</div>
	</body>
</html>

五、源码获取

🥇 ~ 关注我，点赞博文~ 每天带你涨知识!

🎁1.看到这里了就[点赞+好评+收藏]三连 支持下吧，你的「点赞，好评，收藏」是我创作的动力。

💙2.想要获取本文源码，点击前往吧