下载/充值不了等可加微信购买下载：htmlsj
在线购买后，直接下载，无需等待
分类：其它/综合
页数：5页
技术：html+css+javscript
成品网页源码具有复制性，请务必确认好是否是您需要的网页(功能描述是否符合你的要求)购买后不可退换。成品不提供任何免费的修改和一对一教学服务哦，常见的下载解压运行修改教程都有，不会的可以看这个 点击>查看常见问题教程合集。如需要我们提供二次修改或者定制开发可联系客服：htmlsj
下载的是包含所有的素材和代码文件，看到什么样的购买后就是什么样的，下载后就可以使用、想修改内容的也可以修改代码清晰。
响应式大学生网页服装官网5页-html-css-js带响应式
css媒体查询响应式代码
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>优质服装制造 - 首页</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<header>
<nav class="main-nav">
<div class="logo">
<img src="images/logo.png" alt="公司logo">
</div>
<ul>
<li><a href="index.html" class="active">首页</a></li>
<li><a href="products.html">产品展示</a></li>
<li><a href="about.html">关于我们</a></li>
<li><a href="contact.html">联系我们</a></li>
<li><a href="login.html">登录</a></li>
</ul>
</nav>
</header>
<main>
<section class="hero">
<h1>专业服装制造商</h1>
<p>20年专业制造经验，您值得信赖的服装加工伙伴</p>
<a href="contact.html" class="cta-btn">立即咨询</a>
</section>
<section class="features">
<h2>我们的特色服务</h2>
<div class="features-grid">
<div class="feature-card">
<img src="images/pinzhibaozheng.png" alt="品质保证">
<h3>品质保证</h3>
<p>严格的质量控制体系，确保每件产品的品质</p>
</div>
<div class="feature-card">
<img src="images/dingzhifuwu.png" alt="定制服务">
<h3>定制服务</h3>
<p>根据客户需求提供个性化定制方案</p>
</div>
<div class="feature-card">
<img src="images/kuaisujiaofu.png" alt="快速交付">
<h3>快速交付</h3>
<p>高效的生产线，确保准时交付</p>
</div>
<div class="feature-card">
<img src="images/youzhifuwu.png" alt="优质服务">
<h3>优质服务</h3>
<p>专业的售后团队，为您提供全方位支持</p>
</div>
</div>
</section>
<section class="tools">
<div class="tools-container">
<div class="clock">
<h3>当前时间</h3>
<div id="current-time" class="time-display"></div>
</div>
<div class="weather">
<h3>今日天气</h3>
<div class="weather-display">
<img src="images/tianqi.png" alt="天气图标" class="weather-icon">
<div class="weather-info">
<p class="temperature">25°C</p>
<p class="condition">晴朗</p>
<p class="location">广州市</p>
</div>
</div>
</div>
</div>
</section>
</main>
<footer>
<div class="footer-content">
<div class="footer-section">
<h4>联系我们</h4>
<p>电话：020-12345678</p>
<p>邮箱：contact@example.com</p>
<p>地址：广东省广州市番禺区番禺大道北</p>
</div>
<div class="footer-section">
<h4>快速链接</h4>
<ul>
<li><a href="index.html">首页</a></li>
<li><a href="products.html">产品展示</a></li>
<li><a href="about.html">关于我们</a></li>
<li><a href="contact.html">联系我们</a></li>
</ul>
</div>
<div class="footer-section">
<h4>关注我们</h4>
<div class="social-links">
<a href="#"><img src="images/weixin.png" alt="微信"></a>
<a href="#"><img src="images/weibo.png" alt="微博"></a>
</div>
</div>
</div>
<div class="footer-bottom">
<p>© 2024 服装制造公司. 版权所有</p>
</div>
</footer>
<script src="js/main.js"></script>
</body>
</html> 
