<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Foresty - Ecology and Environment Template</title>
<link rel="shortcut icon" href="https://www.17sucai.com/2023/10/7x5s114199/assets/images/favicon.png">
<link rel="stylesheet" href="static/css/bootstrap.min.css">
<link rel="stylesheet" href="static/css/all.min.css">
<link rel="stylesheet" href="static/css/swiper-bundle.min.css">
<link rel="stylesheet" href="static/css/magnific-popup.css">
<link rel="stylesheet" href="static/css/animate.css">
<link rel="stylesheet" href="static/css/nice-select.css">
<link rel="stylesheet" href="static/css/style.css">
</head>
<body>
<div id="loading">
<div id="loading-center">
<div id="loading-center-absolute">
<div class="loading-icon text-center d-flex flex-column align-items-center justify-content-center"><img
class="loading-logo" src="static/picture/preloader.svg" alt="icon"></div>
</div>
</div>
</div>
<header class="header header-one bor-bottom">
<div class="header-section">
<div class="d-flex justify-content-between align-items-center">
<div class="header-one__item d-none d-xl-block">
<div class="d-flex align-items-center">
<div class="header-one__logo"><a href=""><img src="static/picture/logo-light.svg"
alt="logo"></a></div><button id="openButton" class="header-one__dots"><img
src="static/picture/header-dot.png" alt="dots"></button>
</div>
</div>
<div class="header-one__item w-100">
<div class="header-wrapper justify-content-center">
<div class="logo-menu d-block d-xl-none"><a href="" class="logo"><img
src="static/picture/logo-light.svg" alt="logo"></a></div>
<div class="header-bar d-xl-none"><span></span><span></span><span></span></div>
<ul class="main-menu">
<li><a href="#">Home <i class="fas fa-chevron-down"></i></a>
<ul class="sub-menu">
<li><a href="">Environmental One</a></li>
<li><a href="index-2.html">Environmental Two</a></li>
<li><a href="index-3.html">Environmental Three</a></li>
<li><a href="index-4.html">Animal Protection Zoo</a></li>
<li><a href="index-5.html">Environmental NGO</a></li>
</ul>
</li>
<li><a href="#">About Us <i class="fas fa-chevron-down"></i></a>
<ul class="sub-menu">
<li><a href="about.html">About One</a></li>
<li><a href="about-2.html">About Two</a></li>
</ul>
</li>
<li><a href="#">Services <i class="fas fa-chevron-down"></i></a>
<ul class="sub-menu">
<li><a href="service.html">Service One</a></li>
<li><a href="service-2.html">Service Two</a></li>
<li><a href="service-single.html">Service Details</a></li>
</ul>
</li>
<li><a id="mega-menu-btn" href="#">Pages <i class="fas fa-chevron-down"></i></a>
<ul class="sub-menu">
<li class="d-block d-xl-none"><a href="project.html">Our Project 01</a></li>
<li class="d-block d-xl-none"><a href="project-2.html">Our Project 02</a></li>
<li class="d-block d-xl-none"><a href="project-single.html">Project Details</a></li>
<li class="d-block d-xl-none"><a href="donation.html">Donation 01</a></li>
<li class="d-block d-xl-none"><a href="donation-2.html">Donation 02</a></li>
<li class="d-block d-xl-none"><a href="donation-single.html">Donation Details</a>
</li>
<li class="d-block d-xl-none"><a href="event.html">Events 01</a></li>
<li class="d-block d-xl-none"><a href="event-2.html">Events 01</a></li>
<li class="d-block d-xl-none"><a href="event-single.html">Events Details</a></li>
<li class="d-block d-xl-none"><a href="shop.html">Shop</a></li>
<li class="d-block d-xl-none"><a href="shop-single.html">Shop Details</a></li>
<li class="d-block d-xl-none"><a href="cart.html">Cart</a></li>
<li class="d-block d-xl-none"><a href="checkout.html">Checkout</a></li>
<li class="d-block d-xl-none"><a href="team.html">Our Teams 01</a></li>
<li class="d-block d-xl-none"><a href="team-2.html">Our Teams 02</a></li>
<li class="d-block d-xl-none"><a href="team-single.html">Our Teams Details</a></li>
<li class="d-block d-xl-none"><a href="faq.html">FAQ</a></li>
<li class="d-block d-xl-none"><a href="login.html">Login / Register</a></li>
<li class="d-block d-xl-none"><a href="error.html">404 Error</a></li>
</ul>
</li>
<li><a href="#">Blog <i class="fas fa-chevron-down"></i></a>
<ul class="sub-menu">
<li class="sub_menu_wrp d-none d-xl-block"><a href="#">Blog Grid <i
class="fas fa-chevron-right float-end"></i></a>
<ul class="sub_sub_menu">
<li><a href="blog-2.html">2 Columns</a></li>
<li><a href="blog-3.html">3 Columns</a></li>
</ul>
</li>
<li class="d-block d-xl-none"><a href="blog-2.html">Blog Grid One</a></li>
<li class="d-block d-xl-none"><a href="blog-3.html">Blog Grid Two</a></li>
<li class="sub_menu_wrp d-none d-xl-block"><a href="#">Blog Standard <i
class="fas fa-chevron-right float-end"></i></a>
<ul class="sub_sub_menu">
<li><a href="blog-left.html">Left SideBar</a></li>
<li><a href="blog.html">Right SideBar</a></li>
</ul>
</li>
<li class="d-block d-xl-none"><a href="blog.html">Blog Standard One</a></li>
<li class="d-block d-xl-none"><a href="blog-left.html">Blog Standard Two</a></li>
<li class="sub_menu_wrp d-none d-xl-block"><a href="#">Blog Details <i
没有合适的资源?快使用搜索试试~ 我知道了~
【前端素材】html5生态环境类网站.zip
共641个文件
png:286个
jpg:127个
js:61个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 11 浏览量
2024-03-25
22:33:56
上传
评论
收藏 15.45MB ZIP 举报
温馨提示
【技术分析】 HTML,是一种制作万维网页面的标准语言,它消除了不同计算机之间信息交流的障碍; CSS,可以帮助把网页外观做得更加美观; JavaScript,是一种轻量级的解释型编程语言; jQuery,使用户能更方便地处理HTML documents、events、实现动画效果,并且方便地为网站提供AJAX交互; Bootstrap 是快速开发 Web 应用程序的前端工具包。它是一个 CSS,HTML 和 JS 的集合,它使用了最新的浏览器技术,给你的 Web 开发提供了时尚的版式; AJAX,创建交互式网页应用的网页开发技术。 【设计思路】 用户友好性:界面简洁直观,易于操作,减少用户的学习成本。 模块化设计:将系统功能模块化,每个模块负责一类功能,方便扩展和维护。 Responsiveness:后台管理系统应当是响应式设计,能够适配不同设备屏幕大小,包括电脑、平板和手机等。 权限控制:根据用户角色设定不同的权限,确保用户只能访问其权限范围内的功能。 数据安全:对用户数据进行加密存储、访问控制等措施,保护用户隐私和系统安全。 日志功能:记录关键操作日志,保留操作痕迹。
资源推荐
资源详情
资源评论
收起资源包目录
【前端素材】html5生态环境类网站.zip (641个子文件)
all.min.css 455KB
photo.css 350KB
cssbutton.css 298KB
svgbg.css 246KB
bootstrap.min.css 188KB
index_ec837f8.css 161KB
h5bg.css 127KB
style.css 98KB
theme.css 94KB
animate.css 45KB
all.css 36KB
css2.css 19KB
swiper-bundle.min.css 16KB
pre.css 12KB
brush.css 10KB
bmap.min_8854cf5.css 10KB
css.css 7KB
magnific-popup.css 5KB
PoiSearchModule_4889fbb.css 3KB
nice-select.css 3KB
style1.css 1KB
prompt_5b31ddb.css 405B
fa-solid-900.eot 112KB
fa-brands-400.eot 97KB
fa-regular-400.eot 30KB
iconfont.eot 26KB
glyphicons-halflings-regular.eot 20KB
bgs_6dbfd12.gif 16KB
scroll-v_4e0cf9d.gif 5KB
place_6f6d3fc.gif 5KB
bd_split_c400b7a.gif 4KB
loading_a51c560.gif 3KB
new_map_nav_c10446f.gif 2KB
loading_4a096ed.gif 2KB
sign_1_0b3302e.gif 2KB
book_icons_f4805c2.gif 2KB
treeview-default-line.gif 2KB
pano_bg_new_3569ebd.gif 2KB
unloginSug_e5196cc.gif 1KB
preferential_f933134.gif 1KB
groupon_5a775d2.gif 1KB
annouce_c10edcb.gif 1KB
treeview-default.gif 1KB
inr_bg_3fefafb.gif 1KB
css.gif 1KB
img.gif 1015B
sql.gif 598B
default.gif 559B
dis_box_01.gif 190B
js.gif 139B
popup_close_15d2283.gif 96B
busbackground_11bc213.gif 66B
blank.gif 49B
transparent.gif 43B
transparent.gif 43B
index.html 78KB
index-5.html 40KB
index-3.html 39KB
index-2.html 38KB
index-4.html 33KB
about.html 28KB
shop-single.html 26KB
about-2.html 25KB
faq.html 24KB
service-2.html 21KB
project.html 21KB
service.html 20KB
shop.html 20KB
project-2.html 20KB
blog-single-left.html 19KB
blog-single.html 19KB
cart.html 19KB
blog.html 19KB
blog-left.html 19KB
event-single.html 18KB
donation-single.html 18KB
event.html 18KB
service-single.html 18KB
event-2.html 18KB
project-single.html 18KB
donation-2.html 17KB
team-single.html 17KB
donation.html 17KB
blog-2.html 17KB
blog-3.html 16KB
checkout.html 16KB
team.html 16KB
team-2.html 16KB
contact.html 15KB
register.html 14KB
login.html 14KB
error.html 13KB
hero-1.jpg 281KB
login-image1.jpg 200KB
about-four-image.jpg 141KB
018.jpg 132KB
01.jpg 101KB
res-image1.jpg 87KB
testimonial1.jpg 85KB
paybg.jpg 82KB
共 641 条
- 1
- 2
- 3
- 4
- 5
- 6
- 7
资源评论
枫蜜柚子茶
- 粉丝: 6094
- 资源: 3970
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功