Moderna + Sửa đổi 0 lần nhìn thấy

Sự miêu tả

Moderna là một mẫu Bootstrap một trang. Điều này rất khuyến khích cho những người bạn muốn xây dựng một trang web kinh doanh của công ty. Nó được thiết kế theo phong cách hiện đại, sạch sẽ và đơn giản được xây dựng với các tính năng tuyệt vời như bộ lọc danh mục đầu tư, biểu mẫu liên hệ ajax hoạt động và Flexslider. Mẫu một trang này có thiết kế chuyên nghiệp và hoạt ảnh nâng cao. Bạn có thể sử dụng nó như một trang web khởi động, trang sản phẩm, danh mục đầu tư của nhà thiết kế hoặc blog. Một trong những mẫu linh hoạt nhất với chân trang nhiều cột cho các liên hệ, liên kết kinh doanh và bài đăng gần đây.

Phông chữ Google là các biến xác định theo nhu cầu của bạn. Nó có một công cụ chọn màu tích hợp, vì vậy bạn sẽ không gặp khó khăn gì khi tìm ra bảng màu hoàn hảo. Nếu bạn đang xem một trang web trên một thiết bị kém tiên tiến hơn, bạn có SASS trong trình duyệt của mình. Bạn có thể chỉnh sửa đoạn mã bằng cách thay đổi mã trong trình chỉnh sửa mã tích hợp sẵn. Bạn chắc chắn sẽ thích xây dựng trang web của mình với mẫu một trang của Moderna.

Tương tự như thiết kế hơi khác của mẫu Arsha, mẫu Moderna cũng có những ưu điểm sau:

  • Mẫu đáp ứng đầy đủ
  • Phiên bản Bootstrap mới nhất
  • Có sẵn phiên bản NodeJS / NPM và Gulp (chỉ dành cho người dùng chuyên nghiệp và thành viên không giới hạn)
  • Thiết kế sạch sẽ và hiện đại
  • Tập lệnh biểu mẫu liên hệ PHP / Ajax (chỉ dành cho phiên bản chuyên nghiệp)
  • Phiên bản Bootstrap mới nhất
  • Hoạt ảnh trên hiệu ứng cuộn
  • Mã sạch và dễ tùy chỉnh
  • Menu di động ngoài canvas
  • Trang danh mục đầu tư có thể lọc
  • Danh mục đầu tư với hỗ trợ lightbox
  • Tối ưu hóa SEO
  • Video đáp ứng, đối tượng, nhúng
  • Tương thích với nhiều trình duyệt

moderna.webp

Nguồn chính thức

Mẫu này đã được xuất bản trước đây trên trang web Bootstrapmade

Giấy phép

Mẫu này thuộc bản quyền của BootstrapMade.com và được cấp phép bởi nhóm phát triển của Bootstrapmade với những hạn chế sau:

Chúng tôi được phép:

  • Sử dụng các mẫu được xuất bản trên BootstrapMade.com cho các dự án cá nhân hoặc thương mại
  • Tạo một trang web cho khách hàng và tính phí bất kỳ số tiền nào bạn muốn
  • Thay đổi và tùy chỉnh các tệp mẫu cho phù hợp với nhu cầu của bạn.

Chúng tôi không được phép:

  • Loại bỏ các liên kết ngược đến BootstrapMade.com (Được thiết kế bởi BootstrapMade) khỏi các mẫu chân trang trừ khi bạn đã mua giấy phép.
  • Yêu cầu tín dụng hoặc quyền sở hữu bất kỳ tệp hoặc mã nào được tìm thấy trên BootstrapMade.com
  • Bán lại, phân phối lại, cấp phép hoặc cấp phép phụ bất kỳ tệp hoặc mã nào được tìm thấy trên BootstrapMade.com mà không có sự cho phép trực tiếp của BootstrapMade.com

Bạn có thể đọc thêm về giấy phép sử dụng mẫu này tại đây https://bootstrapmade.com/license/.

Đặc trưng

Các tính năng ban đầu trong phiên bản miễn phí này của mẫu trước khi sửa đổi như sau:

  • Phiên bản mới nhất của Bootstrap
  • Thiết kế sạch sẽ và hiện đại
  • Tập lệnh biểu mẫu liên hệ PHP / Ajax (chỉ dành cho phiên bản chuyên nghiệp)
  • Phong cách biểu tượng
  • Hoạt ảnh trên hiệu ứng cuộn
  • Mã sạch và dễ tùy chỉnh
  • Menu di động ngoài canvas
  • Hộp định giá đáp ứng tuyệt vời
  • Trang danh mục đầu tư có thể lọc
  • Danh mục đầu tư với hỗ trợ lightbox
  • Tối ưu hóa SEO
  • Video đáp ứng, đối tượng, nhúng
  • Tương thích với nhiều trình duyệt

Công nghệ chính

  • Bootstrap v4.5.0
  • jQuery v3.5.1
  • Animate
  • Boxicons
  • Counterup
  • icofont
  • isotope-layout
  • jquery.easing
  • owl.carousel
  • php-email-form
  • remixicon
  • venobox
  • waypoints

Sửa đổi

Mẫu bạn đang thấy là phiên bản sử dụng miễn phí theo ý muốn với các hạn chế cụ thể, được giải thích trong phụ đề của giấy phép ở trên. Trong quá trình sửa đổi mẫu này, chúng tôi đã đưa các công nghệ sau vào cấu hình :

  • Nâng cấp từ Bootstrap 4.5.0 lên Bootstrap v4.5.2

  • Giảm thiểu JS bằng Terser v4.8.0

  • Giảm thiểu CSS bằng cách sử dụng Less v3.11.3

  • Giảm thiểu SCSS bằng Node Sass v4.14.1 + Dart Sass v1.26.2

  • Được cấu hình bằng Babel v7.10.3

  • Được cấu hình bằng Webpack v4.43.0

  • Được cấu hình bằng TypeScript v3.9.5

  • Transpile với Babel

  • Hỗ trợ SASS

  • Hỗ trợ Autoprefixer

  • Tối ưu hóa tệp about.html

  • Tối ưu hóa tệp blog.html

  • Tối ưu hóa tệp blog-single.html

  • Tối ưu hóa tệp contact.html

  • Tối ưu hóa tệp index.html

  • Tối ưu hóa tệp index-2.html

  • Tối ưu hóa tệp portfolio.html

  • Tối ưu hóa tệp portfolio-details.html

  • Tối ưu hóa tệp services.html

  • Tối ưu hóa tệp team.html

  • Không tải thư mục aos bằng cách đánh dấu nó là thư mục _ aos

  • Xóa tệp gốc và thay thế bằng tệp sau :

    • thêm vào transformations-nick.css
    • style-nick.css
    • main-nick.js
    • bootstrap 4.5.2
    • jquery-3.5.1.min-nick.js (tối ưu hóa, thêm tệp .map)
    • jquery.easing.min-nick.js (tối ưu hóa, thêm tệp .map)
    • jquery.waypoints.min-nick.js (tối ưu hóa, thêm tệp .map)
    • bootstrap.bundle.min-nick.js
    • Nội dung aos cục bộ trở thành nội dung CDN aos v2.3.4
    • animate.min-nick.css
    • animate-nick.css
    • animate.compat-nick.css
    • owl.carousel.min-nick.css
    • venobox-nick.css
    • venobox-nick.js
    • venobox.min-nick.js
    • counterup.min-nick.js
    • owl.carousel.min-nick.js
  • Thêm tập lệnh CDN aos v2.3.4 sau :

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.css" integrity="sha512-1cK78a1o+ht2JcaW6g8OXYwqpev9+6GqOkz9xmBN9iUUhIndKtxwILGWYOSibOKjLsEdjyjZvYDq/cZwNeak0w==" crossorigin="anonymous" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.js" integrity="sha512-A7AYk1fGKX6S2SsHywmPkrnzTZHrgiVT7GcQkLGDe2ev0aWb8zejytzS8wjo7PGEXKqJOrjQ4oORtnimIRZBtw==" crossorigin="anonymous"></script>

Lưu ý: Bạn có thể kiểm tra tài liệu tập lệnh AOS ở trên tại đây https://cdnjs.com/libraries/aos.

Cải tiến Mẫu

  • Không có cải tiến.


Tags: Bootstrap 4 HTML5 Bản mẫu trên 30 Tháng chín 2020

Bình luận

Forum Diskusi

Post a reply
2931 views

Trả lời cuộc thảo luận này