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

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


一、作品介绍

🏷️本套采用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.想要获取本文源码,点击前往吧

最近更新

  1. TCP协议是安全的吗?

    2024-06-06 12:08:01       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-06-06 12:08:01       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-06-06 12:08:01       19 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-06-06 12:08:01       20 阅读

热门阅读

  1. 前端 、Python 扁平化嵌套数组和应用场景

    2024-06-06 12:08:01       9 阅读
  2. 如何搭建开发一款看广告赚钱软件?

    2024-06-06 12:08:01       10 阅读
  3. spring整合kafka

    2024-06-06 12:08:01       6 阅读
  4. go语言接口之接口类型

    2024-06-06 12:08:01       9 阅读
  5. 爬山算法的详细介绍

    2024-06-06 12:08:01       9 阅读
  6. spring 事务失效的几种场景

    2024-06-06 12:08:01       8 阅读
  7. C#的线程锁

    2024-06-06 12:08:01       8 阅读
  8. django连接达梦数据库

    2024-06-06 12:08:01       9 阅读
  9. Lua使用方式介绍

    2024-06-06 12:08:01       11 阅读
  10. k8s中pod如何排错?

    2024-06-06 12:08:01       7 阅读
  11. C++学习笔记“类和对象”;运算符重载

    2024-06-06 12:08:01       11 阅读
  12. 二叉树的层平均值-力扣

    2024-06-06 12:08:01       9 阅读
  13. SQL小白10分钟快速入门

    2024-06-06 12:08:01       9 阅读