【考证代码】分页 index2.html
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<title>企业展示 - 江西科睿新材料有限公司</title>
<meta name="viewport" content="width=1200">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="header">
<div>
<div class="logo">
<img src="img/logo_cn.png" alt="江西科睿新材料有限公司logo">
</div>
<div style="display:flex;flex-direction:column;align-items:flex-end;gap:8px;padding-right:40px;">
<div class="topbar-links">
<span>中文 | <a href="#" style="color:#0066b3;text-decoration:underline;">English</a></span>
<a href="#">加入收藏</a>
<a href="#">设为首页</a>
</div>
<div class="search-bar">
<input type="text" placeholder="Google站内搜索..." />
</div>
</div>
</div>
</div>
<nav class="nav">
<ul>
<li><a href="index.html">首页</a></li>
<li><a href="#">公司简介</a></li>
<li><a href="#">产品展示</a></li>
<li><a href="#" class="active">企业展示</a></li>
<li><a href="#">新闻中心</a></li>
<li><a href="#">科睿文摘</a></li>
<li><a href="#">联系我们</a></li>
</ul>
</nav>
<div class="container">
<div class="enterprise-banner">
<img src="img/company.jpg" class="banner-bg" alt="企业展示">
<div style="position: absolute; top: 20px; right: 20px;background-color: rgba(0, 102, 179, 0.8); padding: 15px 25px; border-radius: 4px; box-shadow: 0 2px 10px rgba(0,0,0,0.2);">
<span style="font-size: 28px; color: #ffffff; font-weight: bold;">企业展示</span>
</div>
</div>
<div class="location-path">
当前位置: <a href="#">首页</a> - <a href="#" class="active">企业展示</a>
</div>
<div class="two-columns">
<div class="sidebar">
<!-- 最新文章模块 -->
<div class="module">
<div class="module-title">最新文章</div>
<div class="module-content">
<ul class="article-list">
<li><a href="#">三甲基氯硅烷的生产要点</a></li>
</ul>
</div>
</div>
<!-- 联系我们模块 -->
<div class="module">
<div class="module-title">联系我们</div>
<div class="module-content">
<div class="contact-info">
<p><b>联系人：</b>饶先生</p>
<p><b>地址：</b>江西省永修县 星火工业园希望大道</p>
<p><b>邮编：</b>330319</p>
<p><b>电话：</b>12345678901</p>
<p><b>邮箱：</b>example@example.com</p>
</div>
</div>
</div>
</div>
<div class="main-content">
<!-- 图片展示网格 -->
<div class="gallery-grid">
<div class="gallery-item">
<img src="img/2.jpg" alt="周年庆典">
<div class="gallery-caption">科睿一周年庆典</div>
</div>
<div class="gallery-item">
<img src="img/4.jpg" alt="公司活动">
<div class="gallery-caption">公司组织体育活动</div>
</div>
<div class="gallery-item">
<img src="img/6.jpg" alt="庐山三日游">
<div class="gallery-caption">全体员工庐山三日游</div>
</div>
<div class="gallery-item">
<img src="img/8.jpg" alt="公司大门">
<div class="gallery-caption">公司大门</div>
</div>
<div class="gallery-item">
<img src="img/9.jpg" alt="工厂车间">
<div class="gallery-caption">工厂车间一角</div>
</div>
<div class="gallery-item">
<img src="img/10.jpg" alt="科睿办公环境">
<div class="gallery-caption">科睿办公环境</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer">
Copyright © 2015 江西科睿新材料有限公司 · 保留所有权利 | 技术支持：萨摩网络<br>
<img src="img/gn.png" alt="备案图标" style="vertical-align: middle;height: 18px;">
<a href="#">赣公网安备</a> | <a href="#">赣ICP备</a> | <a href="#">首页</a> |
<a href="#">联系我们</a> | <a href="#">邮箱登录</a> | <a href="#">后台管理</a> |
<a href="#">百度地图</a> | <a href="#">Google地图</a>
</div>
</body>
</html>
打赏
网站运行不易·求打赏QAQ
