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

相关推荐
王哲晓9 分钟前
第三十章 章节练习商品列表组件封装
前端·javascript·vue.js
fg_41112 分钟前
无网络安装ionic和运行
前端·npm
理想不理想v13 分钟前
‌Vue 3相比Vue 2的主要改进‌?
前端·javascript·vue.js·面试
酷酷的阿云23 分钟前
不用ECharts!从0到1徒手撸一个Vue3柱状图
前端·javascript·vue.js
微信:1379712058725 分钟前
web端手机录音
前端
齐 飞31 分钟前
MongoDB笔记01-概念与安装
前端·数据库·笔记·后端·mongodb
神仙别闹1 小时前
基于tensorflow和flask的本地图片库web图片搜索引擎
前端·flask·tensorflow
GIS程序媛—椰子2 小时前
【Vue 全家桶】7、Vue UI组件库(更新中)
前端·vue.js
DogEgg_0012 小时前
前端八股文(一)HTML 持续更新中。。。
前端·html
ZL不懂前端2 小时前
Content Security Policy (CSP)
前端·javascript·面试