Nui – 创意人士的作品集模板
Nui – 创意作品集展示 HTML 网站模板，专为设计和创意机构、开发人员、自由职业者、影响者和个人简历网站创建。Nui 还适合摄影师、摄影工作室和画廊、平面设计师、艺术家以及希望展示其作品和服务的个人。
Nui具有多种选项和创新功能，是一款易于使用和管理的多页网站模板。借助高级 GSAP (TweenMax) 动画、视差效果、页面过渡、全屏滑块和平滑滚动，访问者可以享受现代用户体验。您可以根据需要轻松打开和关闭许多选项（无需更改根代码）。选择深色和浅色风格，让您的网站脱颖而出，并使用随附的博客页面分享您的故事和新闻。Nui 有多种时尚布局可供选择，是实现最佳性能的完美模板。
代码注释清晰、组织有序，其中大部分内容直接在代码中解释，方便使用。Nui 响应速度100%，设计简洁，适用于各种屏幕和设备，包括笔记本电脑、平板电脑和手机。
无论您是为自己还是为客户规划新项目，Nui 都是以最小的努力创造伟大事物的完美模板。将您的个人作品集或业务提升到一个全新的水平！
演示站点的直接链接：net/html/nui/
模板主要特点：
- 使用 HTML5 和 CSS3 构建
- 响应式设计
- 极其灵活
- 轻松定制
- 几乎每个元素都有很多选择
- Well-organized and commented code (much of explained directly in the code)
- Clean and neat design
- A modern and innovative approach
- Stylish layouts
- GSAP (TweenMax) animations (professional-grade JavaScript animations for the modern web)
- Several layout variations (can be enabled and disabled)
- Dark skin (can be enabled and disabled)
- Light skin (can be enabled and disabled)
- Hover animations (can be enabled and disabled)
- Smooth page transitions (can be enabled and disabled)
- Smooth scrolling (can be enabled and disabled)
- Mouse tracking effect (can be enabled and disabled)
- Magnetic cursor (can be enabled and disabled)
- Sticky header (can be enabled and disabled)
- Customizable page header (a selection of layouts and options)
- Scrolling text on page header (can be enabled and disabled)
- Overlay menu (can be enabled and disabled)
- Classic menu (can be enabled and disabled)
- Customizable grid layouts (a selection of layouts and options)
- Working contact form
- Customizable forms (a selection of styles)
- Google Fonts
- A selection of different styles of buttons
- Font Awesome integrated (free version)
- Video background
- Fluid typography and spacings
- Full-screen slider (a selection of options)
- Full-screen carousel (a selection of options)
- Full-screen hover carousel (a selection of options)
- Content carousel (a selection of options)
- Testimonials slider (a selection of options)
- Interactive lists (a selection of layouts and options)
- Split Screen Portfolio (with reverse layout included)
- Custom headings (a selection of layouts and options)
- Parallax effects (can be easily removed if you don’t need it)
- Portfolio grid with Isotope filters (a selection of layouts and options)
- Sliding sidebar (can be enabled and disabled)
- Classic sidebar (can be enabled and disabled)
- Blog pages included (a selection of layouts and options)
- Dummy page included
- 404 error page included
- SEO friendly
- Developer friendly
- Free lifetime updates
- Reliable support
- Compatible with all major latest browsers
- and much more…
Package Includes:
- Documentation
- Upload files
Credits:
Thank you so much to the artists and authors who gave their permission to use their amazing works! THANK YOU!
- Ilya Nodia: net/nodia
- Sam Griffin: net/samuelgriffin
- MP Curtet: net/patrickcurtet
- Unsplash: pexels.com
Notes:
* Please note that this is an HTML template, not a WordPress theme!
* Images used on the demo site are licensed to their respective owners and are not included in the final download package! They are only used for demonstration purposes. You have to use your own images!
Customization Services:
We are available for freelance hire. If you need customizations to your website then please do not hesitate to contact us, we can discuss it.
* Note that this service will charge you extra!
Support:
If you have any questions, please feel free to contact us.
Changelog:
v1.7 – 16 February 2024
- Fixed: Overlay menu anchor links issue. - Fixed: Classic menu anchor links issue. - Fixed: Portfolio grid item video issue if not cropped layout is enabled. - Improved: Mobile device detection. - Improved: Image caption (<figcaption>). - Improved: Minor CSS improvements. - Updated: \"jQuery\" to the latest version. - Updated: \"Smooth Scrollbar\" to the latest version. - Updated: \"GSAP\" to the latest version.
v1.6 – 13 March 2023
- New: The light style can be used as the default style. - Updated: \"jQuery\" to the latest version. - Updated: \"Smooth Scrollbar\" to the latest version. - Updated: Documentation (\"Customization & Styles\" section). - Improved: Minor CSS improvements.
v1.5 – 11 February 2023
- New: Added new page \"portfolio-split.html\". - New: Added new page \"portfolio-split-reverse.html\". - New: Added new page \"portfolio-hover-carousel.html\". - New: Added new page \"portfolio-list-thumb.html\". - New: Colored button style added to portfolio grid overlay filter. - New: Classic portfolio grid filter (includes three positions and two styles). - Fixed: Page header image size issue. - Fixed: Portfolio list item image issue. - Fixed: Portfolio list item video issue. - Fixed: Portfolio grid item video issue. - Fixed: Page nav aligns issue. - Fixed: Page nav image cover issue. - Fixed: Template style switch issue. - Fixed: Content carousel navigation issue. - Improvements: Minor CSS Improvements. - Improvements: Minor JS Improvements.
v1.4.1 – 14 November 2022
- Updated: Documentation (\"Customization & Styles\" section). - Improved: file \"theme.js\" (style switch section).
v1.4 – 8 November 2022
- Fixed: Parallax issue on the portfolio grid if the creative layout is enabled. - Fixed: Portfolio list layout issue on small screens. - Fixed: Portfolio list item title color issue if the light style is enabled. - Improved: Magic cursor position. - Improved: File \"helper.css\". - Improved: Minor CSS improvements.
v1.3 – 27 September 2022
- Fixed: Light background image issue on the fullscreen slider.
v1.2 – 20 September 2022
- 修复：项目页面上的下一个项目位置问题。 - 修复：页面转换时的一些动画问题。 - 改进：对 js 代码进行了小幅改进。
v1.1 – 2022 年 8 月 25 日
- 新增：添加页面“contact-simple.html”。 - 改进：页眉视差。 - 改进：小幅 CSS 改进。
v1.0 – 2022 年 8 月 20 日
- 初始发行。
跟随：
包含323个文件-压缩包目录详情
404.html
about-me.html
about-us.html
blog-archive.html
blog-classic-sidebar.html
blog-classic.html
blog-compact.html
blog-post-classic-sidebar.html
blog-post-no-featured-image.html
blog-post.html
contact-simple.html
contact.html
dummy-page.html
elements-buttons.html
elements-classic-filter.html
elements-classic-menu.html
elements-forms.html
elements-typography.html
favicon.ico
index.htm
index.html
landing-page.html
portfolio-filter-classic.html
portfolio-fullscreen-carousel.html
portfolio-fullscreen-slider.html
portfolio-grid-classic.html
portfolio-grid-creative.html
portfolio-grid-modern.html
portfolio-grid-portrait-mode.html
portfolio-hover-carousel.html
portfolio-interactive-center.html
portfolio-interactive-inline.html
portfolio-interactive.html
portfolio-list-alter.html
portfolio-list-thumb.html
portfolio-list.html
portfolio-one-column.html
portfolio-split-reverse.html
portfolio-split.html
single-project-1.html
single-project-2.html
single-project-3.html
single-project-4.html
single-project-5.html
single-project-6.html
single-project-7.html
single-project-8.html
single-project-9.html
assets/
css/
helper.css
theme.css
img/
logo-dark.png
logo-light.png
low-qlt-thumb.jpg
signature-dark.png
signature-light.png
blog/
single/
blog-post-1.jpg
clients/
client-1-dark.png
client-1-light.png
client-10-dark.png
client-10-light.png
client-2-dark.png
client-2-light.png
client-3-dark.png
client-3-light.png
client-4-dark.png
client-4-light.png
client-5-dark.png
client-5-light.png
client-6-dark.png
client-6-light.png
client-7-dark.png
client-7-light.png
client-8-dark.png
client-8-light.png
client-9-dark.png
client-9-light.png
demo/
ph-demo.png
dark/
demo-grid-1.jpg
demo-grid-10.jpg
demo-grid-11.jpg
demo-grid-12.jpg
demo-grid-13.jpg
demo-grid-14.jpg
demo-grid-15.jpg
demo-grid-16.jpg
demo-grid-17.jpg
demo-grid-18.jpg
demo-grid-19.jpg
demo-grid-2.jpg
demo-grid-20.jpg
demo-grid-21.jpg
demo-grid-22.jpg
demo-grid-23.jpg
demo-grid-24.jpg
demo-grid-25.jpg
demo-grid-26.jpg
demo-grid-27.jpg
demo-grid-28.jpg
demo-grid-29.jpg
demo-grid-3.jpg
demo-grid-30.jpg
demo-grid-31.jpg
demo-grid-32.jpg
demo-grid-33.jpg
demo-grid-34.jpg
demo-grid-35.jpg
demo-grid-4.jpg
demo-grid-5.jpg
demo-grid-6.jpg
demo-grid-7.jpg
demo-grid-8.jpg
demo-grid-9.jpg
light/
demo-grid-1.jpg
demo-grid-10.jpg
demo-grid-11.jpg
demo-grid-12.jpg
demo-grid-13.jpg
demo-grid-14.jpg
demo-grid-15.jpg
demo-grid-16.jpg
demo-grid-17.jpg
demo-grid-18.jpg
demo-grid-19.jpg
demo-grid-2.jpg
demo-grid-20.jpg
demo-grid-21.jpg
demo-grid-22.jpg
demo-grid-23.jpg
demo-grid-24.jpg
demo-grid-25.jpg
demo-grid-26.jpg
demo-grid-27.jpg
demo-grid-28.jpg
demo-grid-29.jpg
demo-grid-3.jpg
demo-grid-30.jpg
demo-grid-31.jpg
demo-grid-32.jpg
demo-grid-33.jpg
demo-grid-34.jpg
demo-grid-35.jpg
demo-grid-4.jpg
demo-grid-5.jpg
demo-grid-6.jpg
demo-grid-7.jpg
demo-grid-8.jpg
demo-grid-9.jpg
page-header/
ph-1.jpg
ph-2.jpg
ph-4.jpg
blog-ph/
blog-ph-1.jpg
project-ph/
project-ph-1.jpg
project-ph-2.jpg
project-ph-3.jpg
project-ph-4.jpg
project-ph-6.jpg
project-ph-7.jpg
project-ph-8.jpg
portfolio/
1200/
portfolio-1.jpg
portfolio-2.jpg
portfolio-3.jpg
portfolio-4.jpg
portfolio-5.jpg
portfolio-6.jpg
portfolio-7.jpg
portfolio-8.jpg
1920/
portfolio-1.jpg
portfolio-2.jpg
portfolio-3.jpg
portfolio-4.jpg
portfolio-5.jpg
portfolio-6.jpg
portfolio-7.jpg
portfolio-8.jpg
940/
portfolio-1.jpg
portfolio-2.jpg
portfolio-3.jpg
portfolio-4.jpg
portfolio-5.jpg
portfolio-6.jpg
portfolio-7.jpg
portfolio-8.jpg
single-project/
project-1/
project-1-1.jpg
project-1-2.jpg
project-1-3.jpg
thumb/
project-1-1.jpg
project-1-2.jpg
project-1-3.jpg
project-2/
project-2-2.jpg
project-2-3.jpg
project-2-4.jpg
project-2-5.jpg
project-2-6.jpg
project-2-7.jpg
big/
project-2-2.jpg
project-2-3.jpg
project-2-4.jpg
project-2-5.jpg
project-2-6.jpg
project-2-7.jpg
thumb/
project-2-1.jpg
project-2-2.jpg
project-2-3.jpg
project-2-4.jpg
project-2-5.jpg
project-3/
project-3-2.jpg
project-3-3.jpg
project-3-5.jpg
project-3-6.jpg
project-3-7.jpg
thumb/
project-3-1.jpg
project-3-2.jpg
project-3-3.jpg
project-3-4.jpg
project-3-5.jpg
project-4/
project-4-1.jpg
project-4-2.jpg
project-4-3.jpg
project-4-4.jpg
project-4-5.jpg
big/
project-4-1.jpg
project-4-2.jpg
project-4-3.jpg
project-4-4.jpg
project-4-5.jpg
thumb/
project-4-1.jpg
project-4-2.jpg
project-4-3.jpg
project-4-4.jpg
project-4-5.jpg
project-5/
thumb/
project-5-1.jpg
project-5-2.jpg
project-5-3.jpg
project-6/
project-6-1.jpg
project-6-2.jpg
project-6-3.jpg
project-6-4.jpg
big/
project-6-1.jpg
project-6-2.jpg
project-6-3.jpg
project-6-4.jpg
thumb/
project-6-1.jpg
project-6-2.jpg
project-6-3.jpg
project-6-4.jpg
project-7/
thumb/
project-7-1.jpg
project-7-2.jpg
project-7-3.jpg
project-7-4.jpg
project-7-5.jpg
project-8/
project-8-2.jpg
project-8-3.jpg
project-8-4.jpg
big/
project-8-2.jpg
project-8-3.jpg
project-8-4.jpg
thumb/
project-8-1.jpg
project-8-2.jpg
project-8-3.jpg
project-8-4.jpg
project-8-5.jpg
project-9/
project-9-1.jpg
project-9-2.jpg
project-9-3.jpg
project-9-4.jpg
big/
project-9-1.jpg
project-9-2.jpg
project-9-3.jpg
project-9-4.jpg
thumb/
project-9-1.jpg
project-9-2.jpg
project-9-3.jpg
project-9-4.jpg
js/
theme.js
vendor/
jquery.mousewheel.min.js
smooth-scrollbar.js
fontawesome/
css/
fontawesome-all.min.css
webfonts/
fa-brands-400-1.eot
fa-brands-400.eot
fa-brands-400.svg
fa-brands-400.ttf
fa-brands-400.woff
fa-brands-400.woff2
fa-regular-400-1.eot
fa-regular-400.eot
fa-regular-400.svg
fa-regular-400.ttf
fa-regular-400.woff
fa-regular-400.woff2
fa-solid-900-1.eot
fa-solid-900.eot
fa-solid-900.svg
fa-solid-900.ttf
fa-solid-900.woff
fa-solid-900.woff2
gsap/
gsap.min.js
ScrollToPlugin.min.js
ScrollTrigger.min.js
isotope/
imagesloaded.pkgd.min.js
isotope.pkgd.min.js
packery-mode.pkgd.min.js
jquery/
jquery.min.js
lightgallery/
css/
lightgallery.min.css
fonts/
lg.svg
lg.ttf
lg.woff
img/
loading.gif
video-play.png
vimeo-play.png
youtube-play.png
js/
lightgallery-all.min.js
normalize/
normalize.min.css
swiper/
css/
swiper-bundle.min.css
js/
swiper-bundle.min.js
vids/
fashion-shoot-2.jpg
fashion-shoot-2.mp4
fashion-shoot-2.webm
fashion-shoot.jpg
fashion-shoot.mp4
fashion-shoot.webm
office-team.jpg
office-team.mp4
office-team.webm
中文PC截图
PC截图
手机截图
© 版权声明
文章版权归作者所有，未经允许请勿转载。内容为社区用户发布，如有侵犯您的知识产权，请点击联系我们进行举报删除！
THE END
暂无评论内容