上传文件至「/」
This commit is contained in:
156
interior-1.html
Normal file
156
interior-1.html
Normal file
@@ -0,0 +1,156 @@
|
||||
<!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 href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||
<style>
|
||||
:root{--tb:#E9D395;--db:#6B4F2E;--lb:#F8F0D7;--ao:#FF6600}
|
||||
*{margin:0;padding:0;box-sizing:border-box}
|
||||
body{font-family:'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif;background:var(--lb);color:#333;padding-top:72px}
|
||||
.navbar-custom{background:linear-gradient(135deg,var(--tb),var(--db));padding:0 1rem;box-shadow:0 2px 12px rgba(107,79,46,0.3)}
|
||||
.navbar-custom .navbar-brand{color:#fff;font-weight:700;font-size:1.35rem;letter-spacing:1px;padding:12px 0}
|
||||
.navbar-custom .navbar-brand:hover{color:#fff}
|
||||
.navbar-custom .nav-link{color:rgba(255,255,255,0.9)!important;padding:22px 14px!important;font-size:0.95rem;font-weight:500;transition:background 0.2s,color 0.2s;white-space:nowrap}
|
||||
.navbar-custom .nav-link:hover,.navbar-custom .nav-link:focus{background:rgba(255,255,255,0.12);color:#fff!important}
|
||||
.navbar-custom .nav-link.dropdown-toggle::after{display:inline-block;margin-left:5px;vertical-align:middle;border-top:0.35em solid;border-right:0.35em solid transparent;border-left:0.35em solid transparent;transition:transform 0.2s}
|
||||
.navbar-custom .nav-link.dropdown-toggle.show::after{transform:rotate(180deg)}
|
||||
.navbar-custom .dropdown-menu{background:#fff;border:none;border-radius:8px;box-shadow:0 8px 30px rgba(107,79,46,0.18);padding:8px 0;margin-top:0;min-width:200px}
|
||||
.navbar-custom .dropdown-menu .dropdown-item{padding:10px 20px;font-size:0.9rem;color:#333;transition:background 0.2s,color 0.2s;border-left:3px solid transparent}
|
||||
.navbar-custom .dropdown-menu .dropdown-item:hover{background:var(--lb);color:var(--tb);border-left-color:var(--tb)}
|
||||
.navbar-toggler{border:1px solid rgba(255,255,255,0.5);padding:6px 10px}
|
||||
.navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255,255,255,0.8)' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}
|
||||
.page-header{background:linear-gradient(135deg,var(--db)0%,var(--tb)100%);padding:40px 0;text-align:center}
|
||||
.page-header h1{color:#fff;font-weight:700;font-size:1.8rem;letter-spacing:3px}
|
||||
.page-header .breadcrumb{background:0 0;justify-content:center;margin:0;padding:0}
|
||||
.page-header .breadcrumb-item,.page-header .breadcrumb-item a{color:rgba(255,255,255,0.7);font-size:0.9rem}
|
||||
.page-header .breadcrumb-item.active{color:#fff}
|
||||
.page-header .breadcrumb-item+.breadcrumb-item::before{color:rgba(255,255,255,0.4)}
|
||||
.img-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;padding:40px 0}
|
||||
.img-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px rgba(107,79,46,0.06);border:1px solid rgba(233,211,149,0.2);transition:transform 0.3s,box-shadow 0.3s}
|
||||
.img-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(107,79,46,0.12)}
|
||||
.img-card .placeholder{width:100%;height:220px;background:linear-gradient(135deg,#d0d9e6 0%,#b0c0d4 100%);display:flex;align-items:center;justify-content:center;color:#5a6a7a;font-size:1.1rem;font-weight:600;letter-spacing:2px}
|
||||
.img-card .caption{padding:16px 20px;font-size:0.95rem;color:#555;text-align:center}
|
||||
footer{background:var(--db);color:rgba(255,255,255,0.65);text-align:center;padding:24px 0;font-size:0.85rem}
|
||||
@media(max-width:991.98px){body{padding-top:64px}.navbar-custom .nav-link{padding:12px 14px!important}.img-grid{grid-template-columns:1fr 1fr}}
|
||||
@media(max-width:575.98px){.img-grid{grid-template-columns:1fr}}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<nav class="navbar navbar-expand-xl navbar-dark navbar-custom fixed-top">
|
||||
<div class="container">
|
||||
<a class="navbar-brand" href="../index.html">建筑作品集</a>
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#mainNavbar" aria-controls="mainNavbar" aria-expanded="false" aria-label="切换导航">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="mainNavbar">
|
||||
<ul class="navbar-nav ms-auto">
|
||||
<li class="nav-item"><a class="nav-link" href="../index.html">首页</a></li>
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="#" id="ddResearch" role="button" data-bs-toggle="dropdown" aria-expanded="false">前期调研</a>
|
||||
<ul class="dropdown-menu" aria-labelledby="ddResearch">
|
||||
<li><a class="dropdown-item" href="research-1.html">课题背景</a></li>
|
||||
<li><a class="dropdown-item" href="research-2.html">场地环境</a></li>
|
||||
<li><a class="dropdown-item" href="research-3.html">课程特点</a></li>
|
||||
<li><a class="dropdown-item" href="research-4.html">课程日程安排</a></li>
|
||||
<li><a class="dropdown-item" href="research-5.html">设计目标与总结</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="#" id="ddPrefab" role="button" data-bs-toggle="dropdown" aria-expanded="false">装配式建筑设计</a>
|
||||
<ul class="dropdown-menu" aria-labelledby="ddPrefab">
|
||||
<li><a class="dropdown-item" href="prefab-1.html">建筑设计</a></li>
|
||||
<li><a class="dropdown-item" href="prefab-2.html">文化意象</a></li>
|
||||
<li><a class="dropdown-item" href="prefab-3.html">数字模型</a></li>
|
||||
<li><a class="dropdown-item" href="prefab-4.html">全景预览</a></li>
|
||||
<li><a class="dropdown-item" href="prefab-5.html">技术图纸</a></li>
|
||||
<li><a class="dropdown-item" href="prefab-6.html">应力分析</a></li>
|
||||
<li><a class="dropdown-item" href="prefab-7.html">构件分解</a></li>
|
||||
<li><a class="dropdown-item" href="prefab-8.html">运输模拟</a></li>
|
||||
<li><a class="dropdown-item" href="prefab-9.html">建造流程</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="#" id="ddSelfSecure" role="button" data-bs-toggle="dropdown" aria-expanded="false">自保障设计</a>
|
||||
<ul class="dropdown-menu" aria-labelledby="ddSelfSecure">
|
||||
<li><a class="dropdown-item" href="selfsecure-1.html">光环境模拟</a></li>
|
||||
<li><a class="dropdown-item" href="selfsecure-2.html">眩光模拟</a></li>
|
||||
<li><a class="dropdown-item" href="selfsecure-3.html">太阳辐射模拟</a></li>
|
||||
<li><a class="dropdown-item" href="selfsecure-4.html">视域分析</a></li>
|
||||
<li><a class="dropdown-item" href="selfsecure-5.html">水循环系统</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="#" id="ddInterior" role="button" data-bs-toggle="dropdown" aria-expanded="false">装配式室内设计</a>
|
||||
<ul class="dropdown-menu" aria-labelledby="ddInterior">
|
||||
<li><a class="dropdown-item" href="interior-1.html">空间构想&设计策略</a></li>
|
||||
<li><a class="dropdown-item" href="interior-2.html">室内平面</a></li>
|
||||
<li><a class="dropdown-item" href="interior-3.html">家具清单</a></li>
|
||||
<li><a class="dropdown-item" href="interior-4.html">室内效果渲染</a></li>
|
||||
<li><a class="dropdown-item" href="interior-5.html">室内全景预览</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="#" id="ddLandscape" role="button" data-bs-toggle="dropdown" aria-expanded="false">建筑景观一体化设计</a>
|
||||
<ul class="dropdown-menu" aria-labelledby="ddLandscape">
|
||||
<li><a class="dropdown-item" href="landscape-1.html">生态敏感性分析</a></li>
|
||||
<li><a class="dropdown-item" href="landscape-2.html">宜居程度分析</a></li>
|
||||
<li><a class="dropdown-item" href="landscape-3.html">建设用地提取</a></li>
|
||||
<li><a class="dropdown-item" href="landscape-4.html">中观尺度设计</a></li>
|
||||
<li><a class="dropdown-item" href="landscape-5.html">中水利用</a></li>
|
||||
<li><a class="dropdown-item" href="landscape-6.html">温室建造</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item"><a class="nav-link" href="#">AI应用</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<div class="page-header">
|
||||
<div class="container">
|
||||
<nav aria-label="breadcrumb">
|
||||
<ol class="breadcrumb">
|
||||
<li class="breadcrumb-item"><a href="../index.html">首页</a></li>
|
||||
<li class="breadcrumb-item">装配式室内设计</li>
|
||||
<li class="breadcrumb-item active">空间构想&设计策略</li>
|
||||
</ol>
|
||||
</nav>
|
||||
<h1>装配式室内设计 - 空间构想&设计策略</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<main style="max-width:1260px;margin:0 auto;padding:0 20px 60px;">
|
||||
<div class="img-grid">
|
||||
<div class="img-card">
|
||||
<div class="placeholder">图片占位 1</div>
|
||||
<div class="caption">空间构想&设计策略 - 示意图 01</div>
|
||||
</div>
|
||||
<div class="img-card">
|
||||
<div class="placeholder">图片占位 2</div>
|
||||
<div class="caption">空间构想&设计策略 - 示意图 02</div>
|
||||
</div>
|
||||
<div class="img-card">
|
||||
<div class="placeholder">图片占位 3</div>
|
||||
<div class="caption">空间构想&设计策略 - 示意图 03</div>
|
||||
</div>
|
||||
<div class="img-card">
|
||||
<div class="placeholder">图片占位 4</div>
|
||||
<div class="caption">空间构想&设计策略 - 示意图 04</div>
|
||||
</div>
|
||||
<div class="img-card">
|
||||
<div class="placeholder">图片占位 5</div>
|
||||
<div class="caption">空间构想&设计策略 - 示意图 05</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<footer>
|
||||
<div class="container">© 2026 雪域阳光方舟 | 高海拔极端环境乡村医疗服务基站BIM设计与智能建造研究</div>
|
||||
</footer>
|
||||
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user