Arsha + Pagbabago

Ang pahinang ito ay naglalarawan nang detalyado tungkol sa nais mong malaman

Arsha + Pagbabago

arsha.webp
Bootstrap, Pagbabago, Template

Arsha + Pagbabago

Azkiya
26 September 2020

Template ng Arsha ay isang maganda at modernong template ng Bootstrap 4 HTML para sa Kumpanya o Negosyo. Ang makinis na hitsura nito ay magpaparamdam sa mga manonood na nasa isang napaka-propesyonal na website. Nilagyan ng mga matikas at magagandang mga animasyon. Ang template na ito ay magpapadama sa mga customer sa bahay sa iyong website.

Ang template na ito ay espesyal na idinisenyo para sa mga pagsisimula, aplikasyon, at serbisyo ng teknolohiya ng impormasyon kaya hindi mo kailangang mag-atubiling patakbuhin ito sa mga mobile device tulad ng mga smartphone, tablet, at lahat ng uri ng mga aparato dahil napaka-tumutugon. Sa orihinal na bersyon nito, ang Arsha ay binuo gamit ang pinakabagong mga teknolohiya sa web (mga balangkas ng Bootstrap, Sass, NodeJS, Gulp, atbp.) Na may pansin sa kalidad ng pag-coding upang matiyak na gumagana ang template sa lahat ng mga browser, aparato na may lahat ng laki ng screen.

Marahil ay magiging masaya ka sa pamamagitan ng pagkuha ng sumusunod na pagiging sopistikado:

  • Ganap na tumutugon na mga template
  • Pinakabagong bersyon ng Bootstrap
  • Magagamit ang mga bersyon ng NodeJS / NPM at Gulp (walang limitasyong mga gumagamit ng pro at pagiging miyembro lamang
  • Malinis at modernong disenyo
  • PHP / Ajax contact form script (bersyon ng pro lamang
  • Animation sa scroll effect
  • Malinis at madaling ipasadya ang code
  • Off-canvas mobile menu
  • Magandang tumutugon sa kahon ng presyo
  • Maaaring i-filter na pahina ng portfolio
  • Portfolio na may suporta sa lightbox
  • Na-optimize ang SEO
  • Nakikiramay na video, object, embed
  • Tugma sa Cross Browser

Ngunit, suriin ang nabagong bersyon bago mo pa itayo ang template na ito nang higit pa.

arsha.webp

Orihinal na Pinagmulan

Ang template na ito ay dating nai-publish sa website [Bootstrapmade](https://bootstrapmade.com/arsha-free-bootstrap-html-template-corporate/)

Lisensya

Ang template na ito ay Copyright BootstrapMade.com at nasa ilalim ng lisensya mula sa koponan ng pag-unlad ng Bootstrapmade na may mga sumusunod na limitasyon:

  • Pinapayagan kami:

    • Paggamit ng mga template na nai-publish sa BootstrapMade.com para sa personal o komersyal na mga proyekto
    • Lumikha ng mga website para sa mga kliyente at singilin ang anumang halaga na gusto mo
    • Baguhin at ipasadya ang mga file ng template upang umangkop sa iyong mga pangangailangan.
  • Hindi kami pinapayagan na:

    • Tinatanggal ang mga backlink sa BootstrapMade.com (Dinisenyo ng BootstrapMade) mula sa template footer maliban kung bumili ka ng isang lisensya.
    • I-claim ang credit o pagmamay-ari ng anumang mga file o code na matatagpuan sa BootstrapMade.com
    • Muling ibenta, muling ipamahagi, lisensya o sublicense ang anumang mga file o code na natagpuan sa BootstrapMade.com nang walang direktang pahintulot ng BootstrapMade.com

Maaari kang magbasa nang higit pa tungkol sa lisensya upang magamit ang template na ito dito https://bootstrapmade.com/license/.

Tampok

Ang mga orihinal na tampok sa libreng bersyon ng template na ito bago mabago ay ang mga sumusunod:

  • Pinakabagong bersyon ng Bootstrap
  • Malinis at modernong disenyo
  • PHP / Ajax contact form script (pro bersyon lamang)
  • istilo ng icon
  • Animation sa scroll effect
  • Malinis at madaling ipasadya ang code
  • Off-canvas mobile menu
  • Magandang tumutugon sa kahon ng presyo
  • Maaaring i-filter na pahina ng portfolio
  • Portfolio na may suporta sa lightbox
  • Na-optimize ang SEO
  • Nakikiramay na video, object, embed
  • Tugma sa Cross Browser

Pangunahing Teknolohiya

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

Pagbabago

Ang template na iyong tinitingnan ay isang libreng bersyon na libreng gamitin hanggang sa gusto mo na may mga espesyal na limitasyon, na ipinaliwanag sa sub-heading ng lisensya sa itaas.

Sa proseso ng pagbabago ng template na ito isinama namin ang mga sumusunod na teknolohiya sa pagsasaayos nito :

  • Na-upgrade na Bootstrap 4.5.0 sa Bootstrap v4.5.2
  • Bawasan ang JS gamit ang Terser v4.8.0
  • Bawasan ang CSS gamit ang Less v3.11.3
  • I-minify ang SCSS gamit ang Node Sass v4.14.1 + Dart Sass v1.26.2
  • Pinagmulan ng suporta MAP JS
  • Suportahan ang mga mapagkukunan ng CSS MAP
  • Na-configure gamit ang Babel v7.10.3
  • Na-configure gamit ang Webpack v4.43.0
  • Na-configure gamit ang TypeScript v3.9.5
  • Transpile with Babel
  • Suporta SASS
  • Suporta sa Autoprefixer
  • Pag-install ng Mga Depende:
    • @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
  • Tanggalin ang orihinal na file at palitan ito ng sumusunod na file :
    • 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
  • Pagdaragdag ng isang script :
    <link href="assets/vendor/boxicons/css/animations-nick.css" rel="stylesheet">
    <link href="assets/vendor/boxicons/css/transformations-nick.css" rel="stylesheet">
  • Idinagdag ang dependency script sa development mode :
    • @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
  • Pag-optimize sa index ng index.html
  • Ang pag-optimize ng file na portfolio-details.html
  • Ang pag-optimize ng file na inner-page.html
  • Magdagdag ng folder ng folder na node_modules
  • Pagdaragdag ng isang js/jquery-3.5.1.min.js file file
  • Pagdaragdag ng file ng package.json
  • Pagdaragdag ng file na package-lock.json

Tandaan: Maaari mong tanggalin ang mga file ng package.json at package-lock.json at muling itayo ang mga ito para sa iyong proyekto gamit ang utos na npm init. https://docs.npmjs.com/cli/init.

Pag-aayos ng Template

Naayos ang isyu sa console :

  • 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

Mag-download

Password : nickgenom.com


Magkomento