web网页设计期末课程大作业：企业网站设计——大气的装饰装修一体化公司网站模板(14页) HTML+CSS+JavaScript

本文链接：https://blog.csdn.net/m0_46166683/article/details/121013140

这是一个HTML5期末大作业，设计了一款14页的大气装饰装修一体化公司网站模板，涵盖HTML+CSS+JavaScript。适用于学生DW网页设计作业，支持手机和PC响应式布局，包含Div+CSS、鼠标特效、导航、表单等多种元素，提供完整源码下载。

摘要由CSDN通过智能技术生成

HTML5期末大作业：企业网站设计——大气的装饰装修一体化公司网站模板(14页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计计算机毕设网页设计源码

常见网页设计作业题材有 个人、美食、公司、学校、旅游、电商、宠物、电器、茶叶、家居、酒店、舞蹈、动漫、明星、服装、体育、化妆品、物流、环保、书籍、婚纱、军事、游戏、节日、戒烟、电影、摄影、文化、家乡、鲜花、礼品、汽车、其他 等网页设计题目, A+水平作业, 可满足大学生网页大作业网页设计需求, 喜欢的可以下载!

🧡作者主页

🧡HTML期末大作业文章专栏

作品介绍

1.网页作品简介 ：HTML期末大学生网页设计作业 A+水平 ,喜欢的可以下载，文章页支持手机PC响应式布局。

2.网页作品编辑：作品下载后可使用任意HTML编辑软件（如：DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm、 Notepad++ 等任意HTML软件编辑修改网页）。

3.网页作品技术：Div+CSS、鼠标滑过特效、Table、导航栏效果、banner、表单、二级三级页面等，视频、音频元素、Flash，同时设计了logo（源文件），基本期末作业所需的知识点全覆盖。

文章目录

HTML5期末大作业：企业网站设计——大气的装饰装修一体化公司网站模板(14页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计计算机毕设网页设计源码
作品介绍
一、作品展示
二、文件目录
三、代码实现
四、学习资料
五、完整源码
六、更多源码

一、作品展示

在这里插入图片描述

二、文件目录

在这里插入图片描述

三、代码实现

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>南京装修公司|南京装修报价|南京家装公司|2017装修效果图|</title>
<meta name="keywords" content="无效">
<meta name="description" content="南京亚驰装饰公司，一家集装修设计，施工为一体的互联网家居整装品牌，是全国首家推出45天极速装修的公司，装修施工高品质，致力整体家装,提供透明、环保、省心的装修服务!相继在长沙、北京、南京、杭州、上海、广州、深圳等城市开拓市场，">
<meta name="renderer" content="webkit">
<meta name="baidu-site-verification" content="QsxdEqkgCW" />
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" >
<link href="css/common.css" type="text/css"  rel="stylesheet">
<link href="css/animate.css" type="text/css" rel="stylesheet">

</head>
 <script type="text/javascript">
    var wow = new WOW({
     
        boxClass: 'wow',
        animateClass: 'animated',
        offset: 0,
        mobile: false,
        live: true
    });
    wow.init();
 </script>
<body>
<!--顶部样式-->
<div class="header">
		<div class="container">
			<div class="row">
				<div class="col-xs-2">
					<div class="nav-left">
                    	<h1 style="margin:0;">
						<a href="index.html">
							<img src="images/logo.jpg"  alt="南京亚驰装饰公司" class="logo">
						</a>
                        </h1>
					</div>
				</div>
				<div class="col-xs-8 nav-center em16">
					<ul class="clearfix ul_fl clear-mp nav" id="nav">
						<li class="nLi"><a href="index.html" ><span>首页</span></a></li>
						<li class="nLi"><a href="zxnewhome.html"><span>新房整装 </span><img style="margin-top:-20px;" src="images/qp.gif" id="qpone"></a></li>
						<li class="nLi"><a href="gdzhibo.html"><span>工地直播 </span><img style="margin-top:-20px" src="images/qp.gif"  id="qptwo"></a></li>
						<li class="nLi"><a href="zxbaojia.html"><span>装修报价</span></a></li>
						<li class="nLi"><a href="case.html"><span>装修案例</span></a>
						 <ul class="sub">
						 	<li><a href="#">家装案例</a></li>
						 	<li><a href="#">工装案例</a></li>
						 </ul>
						</li>
						<li class="nLi"><a href="about.html"><span>关于我们</span></a>
						<ul class="sub">
						<li><a href="about.html">公司介绍</a></li>
						<li><a href="contact.html">联系方式</a></li>
						</ul>
						</li>
					</ul>
					<script>jQuery("#nav").slide({
      type:"menu", titCell:".nLi", targetCell:".sub",effect:"slideDown",delayTime:300,triggerTime:0,defaultPlay:false,returnDefault:true});</script>
				</div>
				<div class="col-xs-2 relative">
				<img src="images/9.png">
					<h4 style="position:absolute;top:5px; left: 35px;font-weight: bold; color:#F34D50; text-indent: 2px">4008-323-100</h4>
					<h5</