Moderna + การปรับเปลี่ยน

หน้านี้อธิบายรายละเอียดเกี่ยวกับสิ่งที่คุณต้องการรู้

Moderna + การปรับเปลี่ยน

moderna.webp
Bootstrap, การดัดแปลง, เทมเพลต

Moderna + การปรับเปลี่ยน

Azkiya
30 กันยายน 2020

Moderna เป็นเทมเพลต Bootstrap หน้าเดียว ขอแนะนำสำหรับผู้ที่ต้องการสร้างเว็บไซต์ธุรกิจองค์กร ได้รับการออกแบบในสไตล์ทันสมัย ​​สะอาดตา และเรียบง่าย สร้างขึ้นด้วยคุณสมบัติที่น่าทึ่ง เช่น ตัวกรองพอร์ตโฟลิโอ แบบฟอร์มการติดต่ออาแจ็กซ์ที่ใช้งานได้ และ Flexslider เทมเพลตหน้าเดียวนี้มีการออกแบบอย่างมืออาชีพและแอนิเมชั่นที่ได้รับการปรับปรุง คุณสามารถใช้เป็นเว็บไซต์เริ่มต้น หน้าผลิตภัณฑ์ พอร์ตโฟลิโอของนักออกแบบ หรือบล็อก หนึ่งในเทมเพลตอเนกประสงค์ที่มีส่วนท้ายแบบหลายคอลัมน์สำหรับผู้ติดต่อ ลิงก์ธุรกิจ และโพสต์ล่าสุด

Google Fonts เป็นตัวแปรที่เหมาะกับความต้องการของคุณอย่างแน่นอน มีตัวเลือกสีในตัว คุณจึงไม่มีปัญหาในการหาจานสีที่สมบูรณ์แบบ หากคุณกำลังดูเว็บไซต์บนอุปกรณ์ที่ไม่ซับซ้อน แสดงว่ามี SASS ในเบราว์เซอร์ของคุณ คุณสามารถแก้ไขข้อมูลโค้ดได้โดยการเปลี่ยนโค้ดในตัวแก้ไขโค้ดในตัว คุณจะต้องชอบที่จะสร้างเว็บไซต์ของคุณด้วยเทมเพลตหน้าเดียวของ Moderna

Google Fonts เป็นตัวแปรที่เหมาะกับความต้องการของคุณอย่างแน่นอน มีตัวเลือกสีในตัว คุณจึงไม่มีปัญหาในการหาจานสีที่สมบูรณ์แบบ หากคุณกำลังดูเว็บไซต์บนอุปกรณ์ที่ไม่ซับซ้อน แสดงว่ามี SASS ในเบราว์เซอร์ของคุณ คุณสามารถแก้ไขข้อมูลโค้ดได้โดยการเปลี่ยนโค้ดในตัวแก้ไขโค้ดในตัว คุณจะต้องชอบที่จะสร้างเว็บไซต์ของคุณด้วยเทมเพลตหน้าเดียวของ Moderna คล้ายกับการออกแบบที่แตกต่างกันเล็กน้อยของแม่แบบ Arsha แม่แบบ Moderna ยังมีความซับซ้อนดังต่อไปนี้

คล้ายกับการออกแบบที่แตกต่างกันเล็กน้อยของแม่แบบ Arsha แม่แบบ Moderna ยังมีข้อดีดังต่อไปนี้ :

  • เทมเพลตที่ตอบสนองอย่างเต็มที่
  • Bootstrap เวอร์ชั่นล่าสุด
  • มีเวอร์ชัน NodeJS/NPM และ Gulp (เฉพาะผู้ใช้ระดับโปรและสมาชิกเท่านั้น)
  • การออกแบบที่สะอาดและทันสมัย
  • สคริปต์แบบฟอร์มการติดต่อ PHP / Ajax (รุ่น Pro เท่านั้น)
  • Bootstrap เวอร์ชั่นล่าสุด
  • นิเมชั่นบนเอฟเฟกต์การเลื่อน scroll
  • สะอาดและง่ายต่อการปรับแต่งรหัส
  • เมนูมือถือนอกผ้าใบ
  • หน้าผลงานที่กรองได้
  • ผลงานพร้อมการสนับสนุนไลท์บ็อกซ์
  • ปรับ SEO ให้เหมาะสม
  • วิดีโอที่ตอบสนอง วัตถุ ฝัง
  • รองรับเบราว์เซอร์ข้ามได้

moderna.webp

ต้นฉบับ

เทมเพลตนี้เคยเผยแพร่บนเว็บไซต์ไปแล้ว Bootstrapmade

ใบอนุญาต

แม่แบบนี้เป็นลิขสิทธิ์ BootstrapMade.com และอยู่ภายใต้ลิขสิทธิ์ ทีมพัฒนาจาก Bootstrapmade โดยมีข้อจำกัดดังต่อไปนี้ :

  • เราได้รับอนุญาต :

    • การใช้เทมเพลตที่เผยแพร่บน BootstrapMade.com สำหรับโครงการส่วนบุคคลหรือเชิงพาณิชย์
    • สร้างเว็บไซต์สำหรับลูกค้าและเรียกเก็บเงินตามจำนวนที่คุณต้องการ
    • แก้ไขและปรับแต่งไฟล์เทมเพลตให้เหมาะกับความต้องการของคุณ
  • เราไม่ได้รับอนุญาตให้ :

    • ลบลิงก์ย้อนกลับไปยัง BootstrapMade.com (ออกแบบโดย BootstrapMade) ออกจากส่วนท้ายของเทมเพลต เว้นแต่คุณจะซื้อใบอนุญาต
    • อ้างสิทธิ์ในเครดิตหรือความเป็นเจ้าของไฟล์หรือรหัสใด ๆ ที่พบใน BootstrapMade.com
    • ขายต่อ แจกจ่ายซ้ำ อนุญาตหรือให้อนุญาตช่วงไฟล์หรือรหัสใด ๆ ที่พบใน BootstrapMade.com โดยไม่ได้รับอนุญาตโดยตรงจาก BootstrapMade.com

คุณสามารถอ่านเพิ่มเติมเกี่ยวกับใบอนุญาตการใช้เทมเพลตนี้ได้ที่นี่ https://bootstrapmade.com/license/.

ลักษณะเฉพาะ

ฟีเจอร์ดั้งเดิมในเทมเพลตเวอร์ชันฟรีนี้ก่อนแก้ไขมีดังนี้ :

  • Bootstrap เวอร์ชันล่าสุด
  • การออกแบบที่สะอาดและทันสมัย
  • สคริปต์แบบฟอร์มการติดต่อ PHP / Ajax (รุ่น Pro เท่านั้น)
  • สไตล์ไอคอน
  • นิเมชั่นบนเอฟเฟกต์การเลื่อน scroll
  • สะอาดและง่ายต่อการปรับแต่งรหัส
  • เมนูมือถือนอกผ้าใบ
  • กล่องราคาตอบสนองที่ดี
  • หน้าผลงานที่กรองได้
  • ผลงานพร้อมการสนับสนุนไลท์บ็อกซ์
  • ปรับ SEO ให้เหมาะสม
  • วิดีโอที่ตอบสนอง วัตถุ ฝัง
  • รองรับเบราว์เซอร์ข้ามได้

เทคโนโลยีหลัก

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

การดัดแปลง

เทมเพลตที่คุณเห็นเป็นเวอร์ชันที่สามารถใช้งานได้ฟรี ตราบใดที่คุณใส่ใจกับข้อจำกัดบางอย่าง ซึ่งจะอธิบายไว้ในสาระสำคัญของคำว่าใบอนุญาตด้านบน

  • ในกระบวนการปรับแต่งเทมเพลตนี้ เราได้รวมเทคโนโลยีต่อไปนี้ไว้ในการกำหนดค่า :

    • อัปเกรด Bootstrap 4.5.0 เป็น Bootstrap v4.5.2
    • ลดขนาด JS โดยใช้ Terser v4.8.0
    • ลดขนาด CSS โดยใช้ Less v3.11.3
    • ลดขนาด SCSS โดยใช้ Node Sass v4.14.1 + Dart Sass v1.26.2
    • กำหนดค่าโดยใช้ Babel v7.10.3
    • กำหนดค่าโดยใช้ Webpack v4.43.0
    • กำหนดค่าโดยใช้ TypeScript v3.9.5
    • Transpile กับ Babel
    • รองรับ SASS
    • รองรับคำนำหน้าอัตโนมัติ
    • การเพิ่มประสิทธิภาพของไฟล์ about.html
    • การเพิ่มประสิทธิภาพของไฟล์ blog.html
    • การเพิ่มประสิทธิภาพของไฟล์ blog-single.html
    • การเพิ่มประสิทธิภาพของไฟล์ contact.html
    • การเพิ่มประสิทธิภาพของไฟล์ index.html
    • การเพิ่มประสิทธิภาพของไฟล์ไฟล์ index-2.html
    • การเพิ่มประสิทธิภาพของไฟล์ portfolio.html
    • การเพิ่มประสิทธิภาพของ portfolio-details.html . file
    • การเพิ่มประสิทธิภาพของไฟล์ services.html
    • การเพิ่มประสิทธิภาพของไฟล์ team.html
    • ไม่โหลดโฟลเดอร์ aos โดยทำเครื่องหมายว่าเป็นโฟลเดอร์ _aos
  • ลบไฟล์ต้นฉบับและแทนที่ด้วยไฟล์ต่อไปนี้ :

    • เพิ่ม transformations-nick.css
    • style-nick.css
    • main-nick.js
    • bootstrap 4.5.2
    • jquery-3.5.1.min-nick.js ( ปรับให้เหมาะสม เพิ่ม .map file )
    • jquery.easing.min-nick.js ( ปรับให้เหมาะสม เพิ่ม .map file )
    • jquery.waypoints.min-nick.js ( ปรับให้เหมาะสม เพิ่ม .map file )
    • bootstrap.bundle.min-nick.js
    • สินทรัพย์ aos ในเครื่องไปยังสินทรัพย์ aos CDN 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
  • เพิ่ม สคริปต์ aos v2.3.4 CDN ต่อไปนี้ :

   <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>

หมายเหตุ: คุณสามารถตรวจสอบเอกสารสคริปต์ AOS ด้านบนได้ที่นี่ https://cdnjs.com/libraries/aos.

การซ่อมแซมแม่แบบ

ไม่มีการแก้ไข


ดาวน์โหลด

รหัสผ่าน : nickgenom.com


แสดงความคิดเห็น