Ecofine – 生态与环境 HTML 模板
Ecofine是一款专业而现代的 HTML 网站模板，设计精美，界面友好。此模板适合创建非盈利、捐赠、慈善、非政府组织、众筹和生态环境相关的 HTML 网站。
该模板包含 3 个完整的主页，以及关于页面、服务页面和服务页面等几个实用的内页。
使用 Ecofine 模板，您的网站在任何设备上都看起来很棒，并且可以在所有现代浏览器上运行。它还支持 RTL 语言，包括阿拉伯语、希伯来语、乌尔都语和波斯语。
如果您正在寻找一个信息丰富的 HTML 模板来启动 HTML 网站，Ecofine 就是您的选择。
Ecofine具有完全响应式布局。它完美适配各种显示器和分辨率，从常规桌面屏幕到平板电脑、iPad、iPhone 和小型移动设备。
Ecofine基于世界上最流行的响应式 SCSS 框架 Bootstrap 5、HTML5、CSS3、CSS、SCSS jQuery 和许多现代技术。
特征
-
三个独特的多主页，内页超过 20 个。
这些演示采用独特的设计，非常有用。所有 HTML 文件 100% 符合 W3 Web 标准。每个人都拥有开始所需的一切。 -
RTL 支持
从右到左的文本方向。自动。让浏览器根据内容确定文本方向。我们还提供 RTL 支持 -
商店页面
商店是一个新的在线购物助手，让购物的每个部分都变得轻松。我们添加了一个商店页面。因此您的受众可以轻松使用此 -
使用 CSS 变量来设置颜色和字体
Css 变量很容易更改。您可以轻松更改想要使用的颜色或字体。 -
Responsive Layout Design
100% Responsive Layout Design makes your web page look good on all devices (Desktops, Tablets and Phones). -
Awesome Blog Pages
For your content, we created beautiful blog page templates and single blog styles. We all know how important
blogging is. -
Font Awesome Icons
We use lot of Awesome Flat icon. -
SCSS Code
SCSS stands for the Sassy Cascading Style Sheets. We use SCSS. It was created by Chris Eppstein and Natalie Weizenbaum and designed by Hampton Catlin. It is also referred to as Sassy CSS due to its advanced features. SCSS is full of advanced features. SCSS offers variables, you can shorten your code by using variables. It is a great advantage over conventional CSS.
What you get for HTML?
Include Total 120+ HTML Pages
-
Creative 7 Home Pages
- Home One
- Home Two
- Home Three
- Home Four
- Home Five
- Home Six
- Home Seven
-
7 RTL Home Pages
- Home One RTL
- Home Two RTL
- Home Three RTL
- Home Four RTL
- Home Five RTL
- Home Six RTL
- Home Seven RTL
-
45+ Inner Pages
- About Us One
- About Us Two
- About Us Three
- About Us Four
- About Us Five
- About Us Six
- About Us Seven
- Clasic Blog
- Blog Grid Style One
- Blog Grid Style Two
- Blog Grid Style Three
- Blog Grid Style Four
- Blog Grid Style Five
- Blog Grid Style Six
- Blog Grid Style Seven
- Blog Details Style One
- Blog Details Style Two
- Blog Details Style Three
- Project Page One
- Project Page Two
- Project Page Three
- Project Page Four
- Project Page Five
- Project Details
- Team Page One
- Team Page Two
- Team Page Three
- Team Page Four
- Team Page Five
- Team Page Six
- Team Page Seven
- Team Details
- FAQ Page
- Service Page One
- Service Page Two
- Service Page Three
- Service Page Four
- Service Page Five
- Service Page Six
- Service Page Seven
- Service Details
- Testimonial Page
- Donation Page One
- Donation Page Two
- Donation Page Three
- Donation Page Four
- Donation Details
- Contact
-
45+ RTL Inner Pages
- About Us One RTL
- About Us Two RTL
- About Us Three RTL
- About Us Four RTL
- About Us Five RTL
- About Us Six RTL
- About Us Seven RTL
- Clasic Blog RTL
- Blog Grid Style One RTL
- Blog Grid Style Two RTL
- Blog Grid Style Three RTL
- Blog Grid Style Four RTL
- Blog Grid Style Five RTL
- Blog Grid Style Six RTL
- Blog Grid Style Seven RTL
- Blog Details Style One RTL
- Blog Details Style Two RTL
- Blog Details Style Three RTL
- Project Page One RTL
- Project Page Two RTL
- Project Page Three RTL
- Project Page Four RTL
- Project Page Five RTL
- Project Details RTL
- Team Page One RTL
- Team Page Two RTL
- Team Page Three RTL
- Team Page Four RTL
- Team Page Five RTL
- Team Page Six RTL
- Team Page Seven RTL
- Team Details RTL
- FAQ Page RTL
- Service Page One RTL
- Service Page Two RTL
- Service Page Three RTL
- Service Page Four RTL
- Service Page Five RTL
- Service Page Six RTL
- Service Page Seven RTL
- Service Details RTL
- Testimonial Page RTL
- Donation Page One RTL
- Donation Page Two RTL
- Donation Page Three RTL
- Donation Page Four RTL
- Donation Details RTL
- Contact RTL
Included files
- HTML Files
- Documentation File
- CSS Files
- RTL Page
- RTL CSS
- SASS Files
- Javascript Files
Fonts
- ‘Manrope’, serif
- ‘Manrope’, sans-serif
更新日志：2024 年 1 月 23 日 –版本 2.0.0
– 更新 Ecofine 版本 0.2 – 包括新房 – 7+ 全新多重演示 – 100+ 内页 – 305+ 内部部分 – 60+ 个普通页面和 60+ 个 RTL 页面（HTML） – Bootstrap 5.3.0 – Fontawesome 6.4.0 – 添加了光滑滑块 – 结构良好的文件夹 – 添加了同位素布局 – 充分响应 – W3C 验证 – 清洁代码和所有部分都有评论 – Ajax 联系表 – 支持 RTL – 支持超级菜单 全新 – 添加了 SCSS 代码 – 使用 AOS 平滑动画
包含510个文件-压缩包目录详情
index-1.htm
index.htm
style-1.css
style.css
assets/
css/
all.min-1.css
all.min.css
responsive-1.css
responsive.css
img/
1-1.jpg
1.jpg
2-1.jpg
2.jpg
3-1.jpg
3.jpg
4-1.jpg
4.jpg
5.jpg
6-1.jpg
6.jpg
7-1.jpg
7.jpg
bg-1.jpg
bg.jpg
coming-1.jpg
coming.jpg
footer-bg-1.jpg
footer-bg.jpg
logo-1.png
logo.png
icon/
10-1.png
10.png
33-1.png
33.png
9-1.png
9.png
bootstrap-1.png
bootstrap.png
code-1.png
code.png
contact-form-1.png
contact-form.png
css3-1.png
css3.png
document-1.png
document.png
fontaersome-1.png
fontaersome.png
google-font-1.png
google-font.png
html5-1.png
html5.png
jquery-1.png
jquery.png
magnific-popup-1.png
magnific-popup.png
responsive-1.png
responsive.png
rtl-1.png
rtl.png
sass-1.svg
sass.svg
slick-1.png
slick.png
speed-1.png
speed.png
w3c-validation-1.png
w3c-validation.png
js/
active-1.js
active.js
all.min-1.js
all.min.js
demo/
about-1.html
about-2-1.html
about-2-rtl-1.html
about-2-rtl.html
about-2.html
about-3-1.html
about-3-rtl-1.html
about-3-rtl.html
about-3.html
about-4-1.html
about-4-rtl-1.html
about-4-rtl.html
about-4.html
about-5-rtl-1.html
about-5-rtl.html
about-5.html
about-6-1.html
about-6-rtl-1.html
about-6-rtl.html
about-6.html
about-7-1.html
about-7-rtl-1.html
about-7-rtl.html
about-7.html
about-rtl-1.html
about-rtl.html
about.html
blog-1-1.html
blog-1-rtl-1.html
blog-1-rtl.html
blog-1.html
blog-2-1.html
blog-2-rtl-1.html
blog-2-rtl.html
blog-2.html
blog-3-1.html
blog-3-rtl-1.html
blog-3-rtl.html
blog-3.html
blog-4-1.html
blog-4-rtl-1.html
blog-4-rtl.html
blog-4.html
blog-5-1.html
blog-5-rtl-1.html
blog-5-rtl.html
blog-5.html
blog-6-1.html
blog-6-rtl-1.html
blog-6-rtl.html
blog-6.html
blog-7.html
blog-details-1.html
blog-details-2-1.html
blog-details-2-rtl-1.html
blog-details-2-rtl.html
blog-details-2.html
blog-details-3-1.html
blog-details-3-rtl-1.html
blog-details-3-rtl.html
blog-details-3.html
blog-details-rtl-1.html
blog-details-rtl.html
blog-details.html
blog-rtl-1.html
blog-rtl.html
blog.html
contact-1.html
contact-rtl-1.html
contact-rtl.html
contact.html
donation-1.html
donation-2-1.html
donation-2-rtl-1.html
donation-2-rtl.html
donation-2.html
donation-3-1.html
donation-3-rtl-1.html
donation-3-rtl.html
donation-3.html
donation-4-1.html
donation-4-rtl-1.html
donation-4-rtl.html
donation-4.html
donation-details-1.html
donation-details-rtl-1.html
donation-details-rtl.html
donation-details.html
donation-rtl-1.html
donation-rtl.html
donation.html
faq-1.html
faq-rtl-1.html
faq-rtl.html
faq.html
home-1-rtl-1.html
home-1-rtl.html
home-2-1.html
home-2-rtl-1.html
home-2-rtl.html
home-2.html
home-3-1.html
home-3-rtl-1.html
home-3-rtl.html
home-3.html
home-4-1.html
home-4-rtl-1.html
home-4-rtl.html
home-4.html
home-5-1.html
home-5-rtl-1.html
home-5-rtl.html
home-5.html
home-6-1.html
home-6-rtl-1.html
home-6-rtl.html
home-6.html
home-7-1.html
home-7-rtl-1.html
home-7-rtl.html
home-7.html
index-1.html
index.html
project-1.html
project-2-1.html
project-2-rtl-1.html
project-2-rtl.html
project-2.html
project-3-1.html
project-3-rtl-1.html
project-3-rtl.html
project-3.html
project-4-1.html
project-4-rtl-1.html
project-4-rtl.html
project-4.html
project-5-1.html
project-5-rtl-1.html
project-5-rtl.html
project-5.html
project-details-1.html
project-details-rtl-1.html
project-details-rtl.html
project-details.html
project-rtl-1.html
project-rtl.html
project.html
service-1.html
service-2-1.html
service-2-rtl-1.html
service-2-rtl.html
service-2.html
service-3-1.html
service-3-rtl-1.html
service-3-rtl.html
service-3.html
service-4-1.html
service-4-rtl-1.html
service-4-rtl.html
service-4.html
service-5-1.html
service-5-rtl-1.html
service-5-rtl.html
service-5.html
service-6-1.html
service-6-rtl-1.html
service-6-rtl.html
service-6.html
service-7-1.html
service-7-rtl-1.html
service-7-rtl.html
service-7.html
service-details-1.html
service-details-rtl-1.html
service-details-rtl.html
service-details.html
service-rtl-1.html
service-rtl.html
service.html
team-1.html
team-2-1.html
team-2-rtl-1.html
team-2-rtl.html
team-2.html
team-3-1.html
team-3-rtl-1.html
team-3-rtl.html
team-3.html
team-4-1.html
team-4-rtl-1.html
team-4-rtl.html
team-4.html
team-5-1.html
team-5-rtl-1.html
team-5-rtl.html
team-5.html
team-6-1.html
team-6-rtl-1.html
team-6-rtl.html
team-6.html
team-7-1.html
team-7-rtl-1.html
team-7-rtl.html
team-7.html
team-details-1.html
team-details-rtl-1.html
team-details-rtl.html
team-details.html
team-rtl-1.html
team-rtl.html
team.html
testimonial-1.html
testimonial-2-1.html
testimonial-2-rtl-1.html
testimonial-2-rtl.html
testimonial-2.html
testimonial-3-1.html
testimonial-3-rtl-1.html
testimonial-3-rtl.html
testimonial-3.html
testimonial-4-1.html
testimonial-4-rtl-1.html
testimonial-4-rtl.html
testimonial-4.html
testimonial-rtl-1.html
testimonial-rtl.html
testimonial.html
assets/
css/
all.min-1.css
all.min.css
bootstrap.min-1.css
bootstrap.min.css
bootstrap.rtl.min.css
magnific-popup.min-1.css
magnific-popup.min.css
slick.min-1.css
slick.min.css
style-1.css
style.css
fonts/
fa-brands-400.ttf
fa-brands-400.woff
fa-brands-400.woff2
fa-regular-400.ttf
fa-regular-400.woff
fa-regular-400.woff2
fa-solid-900.ttf
fa-solid-900.woff
fa-solid-900.woff2
img/
logo-1.svg
logo.svg
logo2-1.svg
logo2.svg
logo3.svg
blog/
1-1-1.jpg
1-1.jpg
1-2-1.jpg
1-2.jpg
1-3-1.jpg
1-3.jpg
blog-post1-1.jpg
blog-post1-2.jpg
blog-post1-3.jpg
blog-post1-4.jpg
client/
1-1.png
1-2.png
1-3.png
1-4.png
donation/
1-1.jpg
1.jpg
2-1.jpg
2.jpg
3-1.jpg
3.jpg
4-1.jpg
4.jpg
5.jpg
6.jpg
donation-single-page-1.jpg
favicons/
favicon-1.png
favicon.png
icon/
butterfly.svg
contact-calendar.svg
contact-envelope.svg
contact-home.svg
quote.svg
normal/
about_1-1-1.jpg
about_1-1.jpg
about_1-2-1.jpg
about_1-2.jpg
about_1-3-1.jpg
about_1-3.jpg
about_2-1.png
about_2-2.jpg
about_2-3.png
about_2-4.svg
about_2-5.svg
about_3-1.png
about_3-2.png
about_3-3.jpg
contact-1.jpg
faq1.png
stripe.png
process/
process-arrow1-1-1.png
process-arrow1-1.png
process-arrow1-2-1.png
process-arrow1-2.png
process-arrow2-1.png
process-shape1-1-1.png
process-shape1-1.png
process-shape1-2-1.png
process-shape1-2.png
project/
1-1.jpg
1-2.jpg
1-3.jpg
2-1.jpg
2-2.jpg
2-3.jpg
2-4.jpg
2-5.jpg
2-6.jpg
project-single-page-1.jpg
project-single-page-2.jpg
project-single-page-3.jpg
project-single-page-4.jpg
service/
service-details1-1.jpg
service-details1-2.jpg
service-shape1-1-1.png
service-shape1-1.png
service-shape1-2-1.png
service-shape1-2.png
service_1-1-1.jpg
service_1-1.jpg
service_1-2-1.jpg
service_1-2.jpg
service_1-3-1.jpg
service_1-3.jpg
service_3-1.jpg
service_3-2.jpg
service_3-3.jpg
service_3-4.jpg
service_3-5.jpg
shape/
leaf-bg-1.png
team/
1-1-1.jpg
1-1.jpg
1-2-1.jpg
1-2.jpg
2-1.jpg
2-2.jpg
2-3.jpg
2-4.jpg
2-5.jpg
2-6.jpg
team-details-1.jpg
testimonial/
1-1.jpg
1.jpg
2-1-1.jpg
2-1.jpg
2-2.jpg
2-3.jpg
2.jpg
3-1.jpg
3.jpg
4-1.jpg
4.jpg
update/
bg/
footer-top4-bg.png
blog/
5-1.jpg
5-2.jpg
5-3.jpg
6-1.jpg
6-2.jpg
6-3.jpg
client/
4-1.png
4-2.jpg
4-3.jpg
4-4.jpg
5-1.png
5-2.png
5-3.png
5-4.png
5-5.png
7-1.png
7-2.png
7-3.png
7-4.png
7-5.png
hero/
hero-5-1.jpg
hero-7-1.jpg
hero-7-2.png
normal/
4-1.png
5-1.png
5-1shape.svg
6-1.png
6-2.png
6-3.png
7-1.png
7-2.png
author-sign7.png
cta-thumb3.png
process-thumb-6-1.png
project/
3-1.1.jpg
3-1.2.jpg
3-1.3.jpg
3-1.jpg
3-2.jpg
3-3.jpg
service/
service_4-1.jpg
service_4-2.jpg
service_4-3.jpg
service_6-1.jpg
service_6-2.jpg
service_6-3.jpg
service_7-1.jpg
service_7-2.jpg
service_7-3.jpg
testimonial/
testi6-1.jpg
testi6-2.jpg
testi6-3.jpg
testimonial-thumb5.png
widget/
recent-post1-1-1.jpg
recent-post1-1.jpg
recent-post1-2-1.jpg
recent-post1-2.jpg
recent-post1-3.jpg
widget1-1.png
widget1-2.png
widget1-3.png
widget1-4.png
widget1-5.png
widget1-6.png
js/
bootstrap.min.js
circle-progress.js
imagesloaded.pkgd.min.js
isotope.pkgd.min.js
jquery-ui.min.js
jquery.counterup.min.js
jquery.magnific-popup.min.js
main.js
slick.min.js
vendor/
jquery-3.6.0.min-1.js
jquery-3.6.0.min.js
中文PC截图
PC截图
手机截图
© 版权声明
文章版权归作者所有，未经允许请勿转载。内容为社区用户发布，如有侵犯您的知识产权，请点击联系我们进行举报删除！
THE END
暂无评论内容