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

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

文章目录


一、作品介绍

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

二、作品演示




三、代码目录

四、网站代码

HTML部分代码

c 复制代码
<!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.想要获取本文源码,点击前往吧

相关推荐
y先森1 小时前
CSS3中的伸缩盒模型(弹性盒子、弹性布局)之伸缩容器、伸缩项目、主轴方向、主轴换行方式、复合属性flex-flow
前端·css·css3
前端Hardy1 小时前
纯HTML&CSS实现3D旋转地球
前端·javascript·css·3d·html
susu10830189111 小时前
vue3中父div设置display flex,2个子div重叠
前端·javascript·vue.js
IT女孩儿2 小时前
CSS查缺补漏(补充上一条)
前端·css
吃杠碰小鸡3 小时前
commitlint校验git提交信息
前端
emmm4593 小时前
html兼容性问题处理
html
虾球xz3 小时前
游戏引擎学习第20天
前端·学习·游戏引擎
我爱李星璇4 小时前
HTML常用表格与标签
前端·html
疯狂的沙粒4 小时前
如何在Vue项目中应用TypeScript?应该注意那些点?
前端·vue.js·typescript
小镇程序员4 小时前
vue2 src_Todolist全局总线事件版本
前端·javascript·vue.js