127 lines
7.2 KiB
HTML
127 lines
7.2 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
|
<meta name="keywords" content="{eyou:global name='web_keywords' /}" />
|
||
|
|
<meta name="description" content="{eyou:global name='web_description' /}" />
|
||
|
|
<title>{eyou:global name='web_title' /}_{eyou:global name='web_name' /}</title>
|
||
|
|
<link href="{eyou:global name='web_ico' /}" rel="shortcut icon" type="image/x-icon" />
|
||
|
|
<link rel="stylesheet" href="./css/bootstrap.min.css">
|
||
|
|
<link rel="stylesheet" href="./css/swiper-bundle.min.css">
|
||
|
|
<link rel="stylesheet" href="./css//header.css">
|
||
|
|
<link rel="stylesheet" href="./css/index.css">
|
||
|
|
<script src="./js/gsap.min.js"></script>
|
||
|
|
<script src="./js/ScrollTrigger.min.js"></script>
|
||
|
|
<script src="./js/ScrollToPlugin.min.js"></script>
|
||
|
|
<script src="./js/ScrollSmoother.min.js"></script>
|
||
|
|
<script src="./js/gsap.min.js"></script>
|
||
|
|
<script src="./js/bootstrap.min.js"></script>
|
||
|
|
<script src="./js/swiper-bundle.min.js"></script>
|
||
|
|
<script src="./js/tailwindcss.js"></script>
|
||
|
|
<script src="./js/tailwind.config.js"></script>
|
||
|
|
<script src="./js/utils.js"></script>
|
||
|
|
<script src="./js/index.js"></script>
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body>
|
||
|
|
<div id="smooth-wrapper">
|
||
|
|
<div id="smooth-content">
|
||
|
|
<!-- header -->
|
||
|
|
<nav id="navbar"
|
||
|
|
class="navbar navbar-expand-lg navbar-expand-lg tw-relative tw-z-10 tw-h-[100px] tw-box-border tw-border-b-2 tw-border-[rgba(255,255,255,.2)] tw-py-0">
|
||
|
|
<div
|
||
|
|
class="container-fluid !tw-justify-between sm:tw-gap-[80px] tw-gap-[20px] tw-h-full !tw-main-px tw-box-border">
|
||
|
|
<a class="navbar-brand tw-flex-shrink-0" href="/index.html">
|
||
|
|
<img class="tw-w-[321px] ss:tw-w-[200px] tw-object-contain"
|
||
|
|
src="./images/b20d13642-4b0a-46e6-9b6b-29c89c7f8ced.png" />
|
||
|
|
</a>
|
||
|
|
<button class="navbar-toggler tw-hidden sm:tw-block" type="button" data-bs-toggle="collapse"
|
||
|
|
data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
|
||
|
|
aria-expanded="false" aria-label="Toggle navigation">
|
||
|
|
<span class="navbar-toggler-icon"></span>
|
||
|
|
</button>
|
||
|
|
<button class="navbar-toggler tw-block sm:tw-hidden" type="button" data-bs-toggle="offcanvas"
|
||
|
|
data-bs-target="#offcanvasNavbar" aria-controls="offcanvasNavbar"
|
||
|
|
aria-label="Toggle navigation">
|
||
|
|
<span class="navbar-toggler-icon"></span>
|
||
|
|
</button>
|
||
|
|
<div class="sm:tw-block tw-hidden">
|
||
|
|
<div class="collapse navbar-collapse tw-flex-grow-0 tw-h-full" id="navbarSupportedContent">
|
||
|
|
<ul class="navbar-nav me-auto mb-2 mb-lg-0 tw-gap-[80px] tw-h-full">
|
||
|
|
<!-- 选中效果 cur -->
|
||
|
|
<li class="nav-item cur tw-flex tw-items-center tw-justify-center tw-box-border">
|
||
|
|
<a class="nav-link tw-w-[80px] tw-text-center" aria-current="page"
|
||
|
|
href="/company_overview.html">公司概况</a>
|
||
|
|
</li>
|
||
|
|
<li class="nav-item tw-flex tw-items-center tw-justify-center tw-box-border">
|
||
|
|
<a class="nav-link tw-min-w-[80px] tw-text-center" aria-current="page"
|
||
|
|
href="/distributed_energy.html">分布式能源</a>
|
||
|
|
</li>
|
||
|
|
<li class="nav-item tw-flex tw-items-center tw-justify-center tw-box-border">
|
||
|
|
<a class="nav-link tw-w-[80px] tw-text-center" aria-current="page"
|
||
|
|
href="/business_introduction.html">业务介绍</a>
|
||
|
|
</li>
|
||
|
|
<li class="nav-item tw-flex tw-items-center tw-justify-center tw-box-border">
|
||
|
|
<a class="nav-link tw-w-[80px] tw-text-center" aria-current="page"
|
||
|
|
href="/contact_us.html">联系我们</a>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
<form class="d-flex" role="search">
|
||
|
|
<div class="tw-ml-[80px]">
|
||
|
|
<input class="tw-hidden" />
|
||
|
|
<img class="tw-w-[20px] tw-aspect-square" src="./images/搜索@2x.png" alt="" />
|
||
|
|
</div>
|
||
|
|
</form>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="sm:tw-hidden">
|
||
|
|
<div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvasNavbar"
|
||
|
|
aria-labelledby="offcanvasNavbarLabel">
|
||
|
|
<div class="offcanvas-header">
|
||
|
|
<h5 class="offcanvas-title" id="offcanvasNavbarLabel">百川清能</h5>
|
||
|
|
<button type="button" class="btn-close" data-bs-dismiss="offcanvas"
|
||
|
|
aria-label="Close"></button>
|
||
|
|
</div>
|
||
|
|
<div class="offcanvas-body">
|
||
|
|
<ul class="navbar-nav justify-content-end flex-grow-1 pe-3">
|
||
|
|
<li class="nav-item">
|
||
|
|
<a class="nav-link" href="#">首页</a>
|
||
|
|
</li>
|
||
|
|
<li class="nav-item">
|
||
|
|
<a class="nav-link" href="#">关于我们</a>
|
||
|
|
</li>
|
||
|
|
<li class="nav-item">
|
||
|
|
<a class="nav-link" href="#">产品服务</a>
|
||
|
|
</li>
|
||
|
|
<li class="nav-item">
|
||
|
|
<a class="nav-link" href="#">技术优势</a>
|
||
|
|
</li>
|
||
|
|
<li class="nav-item">
|
||
|
|
<a class="nav-link" href="#">案例展示</a>
|
||
|
|
</li>
|
||
|
|
<li class="nav-item">
|
||
|
|
<a class="nav-link" href="#">联系我们</a>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
<form class="d-flex mt-3" role="search">
|
||
|
|
<input class="form-control me-2" type="search" placeholder="搜索" aria-label="Search">
|
||
|
|
<button class="btn btn-outline-success tw-min-w-[60px]" type="submit">搜索</button>
|
||
|
|
</form>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</nav>
|
||
|
|
<!-- header -->
|
||
|
|
|
||
|
|
<div class="tw-text-[red] tw-min-h-[300vh]">
|
||
|
|
123
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</body>
|
||
|
|
|
||
|
|
</html>
|