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

Sự miêu tả

Mẫu Arsha là một mẫu HTML Bootstrap 4 đẹp, hiện đại dành cho Công ty hoặc Doanh nghiệp. Vẻ ngoài tinh tế của nó sẽ tạo cho người xem cảm giác như đang ở trên một trang web rất chuyên nghiệp. Được trang bị với hình ảnh động thanh lịch và đẹp mắt. Mẫu này sẽ khiến khách hàng cảm thấy như đang ở nhà trên trang web của bạn. Mẫu này được thiết kế đặc biệt cho các công ty khởi nghiệp, ứng dụng và dịch vụ công nghệ thông tin, vì vậy bạn không nên ngần ngại chạy nó trên các thiết bị di động như điện thoại thông minh, máy tính bảng và tất cả các loại thiết bị vì nó rất nhạy. Trong phiên bản gốc, Arsha được xây dựng với các công nghệ web mới nhất (Bootstrap framework, Sass, NodeJS, Gulp, v.v.) chú trọng đến chất lượng mã hóa để đảm bảo các mẫu hoạt động với mọi trình duyệt, thiết bị ở mọi kích thước màn hình. Có thể bạn sẽ cảm thấy hài lòng khi nhận được những lợi thế này:

  • 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
  • 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ợ hộp đèn
  • 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

Tuy nhiên, hãy xem phiên bản đã sửa đổi trước khi bạn tạo thêm mẫu này.

arsha.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 các 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ợ hộp đèn
  • 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
  • Boxicons
  • 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 cách sử dụng Node Sass v4.14.1 + Dart Sass v1.26.2

  • Hỗ trợ nguồn MAP JS

  • Hỗ trợ nguồn CSS MAP

  • Đượ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

  • Cài đặt phụ thuộc :

    • @aiwins/owl.carousel v1.1.12
    • @codevadmin/owl.carousel v2.3.6
    • @icon/boxicons-logos v2.0.5-alpha.0
    • @icon/boxicons-regular v2.0.5-alpha.0
    • @icon/icofont v1.0.1-alpha.1
    • @popperjs/core v2.5.2
    • @styled-icons/boxicons-regular v10.18.0
    • @styled-icons/boxicons-solid v10.18.0
    • @types/isotope-layout v3.0.8
    • @types/owl.carousel v2.3.1
    • @types/react-icofont v1.0.0
    • aos v2.3.4
    • bootstrap v4.5.2
    • isotope-layout v3.0.6
    • isotope-modulo-columns v2.2.2
    • jquery v3.5.1
    • less v3.12.2
    • owl.carousel v2.3.4
    • owl.carousel.es6 v3.0.2
    • remixicon v2.5.0
    • styled-icons v10.21.0
    • venobox v1.9.1
    • waypoints v4.0.1
    • boxicons v2.0.5
  • Xóa tệp gốc và thay thế bằng tệp sau :

    • js/main-nick.js
    • vendor/aos/aos-nick.css
    • vendor/bootstrap/css/bootstrap.min-nick.css
    • vendor/bootstrap/css/bootstrap.min-nick.css.map
    • vendor/bootstrap/js/bootstrap.bundle.min-nick.js
    • vendor/bootstrap/js/bootstrap.bundle.min-nick.js.map
    • vendor/boxicons/css/animations-nick.css
    • vendor/boxicons/css/boxicons.min-nick.css
    • vendor/boxicons/css/boxicons-nick.css
    • vendor/boxicons/css/transformations-nick.css
    • vendor/icofont/icofont.min-nick.css
    • vendor/icofont/icofont.min-nick.css.map
    • vendor/jquery.easing/jquery.easing.min-nick.js
    • vendor/jquery.easing/jquery.easing.min-nick.js.map
    • vendor/owl.carousel/owl.carousel.min-nick.js
    • vendor/owl.carousel/owl.carousel.min-nick.js.map
    • vendor/php-email-form/validate-nick.js
    • vendor/php-email-form/validate-nick.js.map
    • vendor/remixicon/remixicon-nick.css
    • vendor/remixicon/remixicon-nick.css.map
    • vendor/venobox/venobox.min-nick.js
    • vendor/venobox/venobox.min-nick.js.map
    • vendor/venobox/venobox-nick.css
  • Thêm tập lệnh :

<link href="assets/vendor/boxicons/css/animations-nick.css" rel="stylesheet">
<link href="assets/vendor/boxicons/css/transformations-nick.css" rel="stylesheet">
  • Thêm tập lệnh phụ thuộc trong chế độ phát triển :

    • @aiwins/owl.carousel v1.1.12
    • @codevadmin/owl.carousel v2.3.6
    • @icon/boxicons-logos v2.0.5-alpha.0
    • @icon/boxicons-regular v2.0.5-alpha.0
    • @icon/icofont v1.0.1-alpha.1
    • @popperjs/core v2.5.2
    • @styled-icons/boxicons-regular v10.18.0
    • @styled-icons/boxicons-solid v10.18.0
    • @types/isotope-layout v3.0.8
    • @types/owl.carousel v2.3.1
    • @types/react-icofont v1.0.0
    • aos v2.3.4
    • bootstrap v4.5.2
    • isotope-layout v3.0.6
    • isotope-modulo-columns v2.2.2
    • jquery v3.5.1
    • less v3.12.2
    • owl.carousel v2.3.4
    • owl.carousel.es6 v3.0.2
    • remixicon v2.5.0
    • styled-icons v10.21.0
    • venobox v1.9.1
    • waypoints v4.0.1
  • Tối ưu hóa tệp index.html

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

  • Tối ưu hóa tệp inner-page.html

  • Thêm thư mục node_modules

  • Thêm các tập tin js/jquery-3.5.1.min.js

  • Thêm các tập tin package.json

  • Thêm các tập tin package-lock.json

Lưu ý: Bạn có thể xóa các tệp package.json và package-lock.json và tạo lại chúng cho dự án của mình bằng lệnh npm init. Xem : https://docs.npmjs.com/cli/init

Cải tiến Mẫu

  • Đã khắc phục sự cố trên bảng điều khiển :
    • DevTools failed to load SourceMap: Could not load content for chrome-extension://hgnkdfamjgnljokmokheijphenjjhkjc/sourcemaps/onloadwff.js.map: HTTP error: status code 404, net::ERR_UNKNOWN_URL_SCHEME
    • Node cannot be found in the current page.
    • 35 issue SameSite


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

Bình luận

Forum Diskusi

Post a reply
3384 views

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